2011-06-15 70 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); 
?>