複数のフラグメントを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'); 

確かにこれを行うにはより良い方法が必要ですか？非常に同じリソースで2つのロードリクエストを受け取るという考えが嫌いです！

Answer 1

これを実行するより良い方法があります。

#listingと#contextActionsため、それを割り当てるためにコールバックを使用し、両方に必要なデータが含まれていJSONオブジェクトを返す/myuri.php持っています。

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