Подскажите можно ли как-то уменьшить количество обращений к серверу в таком коде:
$(document).ready(function(){
$("#id1").load('ajax/all.html #id1');
$("#id2").load('ajax/all.html #id2');
$("#id3").load('ajax/all.html #id3');
$("#id4").load('ajax/all.html #id4');
});
Такой код делает 4 обращения к серверу, это именно та часть которую хотелось бы оптимизировать. Выставление кэширующих заголовков у файла ajax/all.html не помогает. В лучшем случае я получаю 304 ответ на первый запрос, а надо бы сделать чтобы запрос был 1.
Нужно что-то типа такого:
var jqxhr = $.get("ajax/all.html", onAjaxSuccess);
function onAjaxSuccess(obj) {
$("#id1").html(obj #id1); // выводит блок с id1
$("#id2").html(obj #id2); // выводит блок с id2
$("#id3").html(obj #id3); // ...
$("#id4").html(obj #id4);
}
Вариант с html(obj #id1) не работает, приведен для примера. Можно как-то вытащить из obj нужный блок с заданным id?