javascript - 用jQuery加载多个片段

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

当然，必须有更好的方法吗？我不喜欢在同一资源上有两个加载请求的想法！

最佳答案

有一种更好的方法。

让/myuri.php返回一个JSON对象，该对象同时包含#listing和#contextActions的必要数据，并使用回调进行分配。

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