使用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);
});