Загрузите несколько фрагментов с помощью 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 возвращает объект JSON , который содержит необходимые данные как для #listing, так и #contextActions, и использует обратный вызов для его назначения.

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