2011-06-15 69 views
1

如何使用Ajax更新页面的多个部分?多个Ajax调用?

我有两个div和两个PHP文件。使用jQuery Ajax我想用一个PHP文件接收的数据填充div,另一个使用从另一个接收的数据。

我不熟悉ajaxcomplete()函数等。我应该使用两个函数,还是使用参数?请给我一些想法。谢谢。

回答

2

你可以简单地使用两个$.load调用,就像这样:

$("#firstDiv").load("first.php", {someParam: "foo"}, function() { 
    // request has completed 
}); 

$("#secondDiv").load("second.php", {anotherParam: "bar"}, function() { 
    // request has completed 
}); 
+0

和variablles

事业部的内容可以使用jQuery的Ajax的Json的dataType有所区别? load(“second.php?a = 1&b = 2” – Gigg 2011-06-15 11:58:48

+0

您可以这样做,或者使用可选的第二个参数来指定'$ .load'。查看我的编辑,并查看我的答案中链接的文档。 – karim79 2011-06-15 12:00:06

4

它总是好的一个Ajax调用。你可以调用一个php文件来返回div的内容。

$.ajax({ 
    url: test.php, 
    dataType: 'json', 
    data: data, 
    success: function(responce){ 
    $("#firstDivData").html(responce.firstDivContent) 
    $("#secondDivData").html(responce.secondDivContent) 
    } 
}); 

PHP脚本:test.php的

<?php 
    $divContents = array(); 
    $divContents['firstDivContent'] = "First div content here"; 
    $divContents['secondDivContent'] = "Second div content here"; 
    echo json_encode($divContents); 
?>