使用jQuery加載多個片段

Question

什麼是使用Ajax加載資源，然後替換#listing和#contextActions的內容的最有效方式？

// Load resource and replace source `listing` with target `listing`. 
$('#listing').load('/myuri.php #listing'); 
// Load resource and replace source `contextActions` with target `contextActions`. 
$('#contextActions').load('/myuri.php #contextActions'); 

當然必須有更好的方法來做到這一點？我不喜歡在同一個資源上有兩個加載請求的想法！

Answer 1

有一個更好的方法來做到這一點。

有無/myuri.php返回同時包含#listing和#contextActions必要的數據JSON對象，並使用一個回調來分配它。

$.load('/myuri.php', {}, function (responseText, textStatus, XMLHttpRequest) { 
    var data = $.parseJSON(responseText); 
    $('#listing').html(data.listing); 
    $('#contextActions').html(data.contextActions); 
});