JQuery, оптимизация, обновление нескольких Div на одной странице

Question

У меня есть страница, где пользователь может удалить веб-ссылку. Когда пользователь нажимает на ссылку, чтобы удалить веб-ссылку, выполняется следующий код:

// DELETE WEBLINK -->
$(document).ready(function() {
$('#delete_weblink').live('click', function(e){
     $('#leftside div#weblinks_wrapper').load( $(this).attr('href') + ' #weblinks_wrapper') 
     $('#items_header_my_weblinks #weblink_count').load( $(this).attr('href') + ' #weblink_count' )      
     $('#bottom_middle').load( $(this).attr('href') + ' #bottom_middle' )
     e.preventDefault(); 
}); 
});

Итак, с этим кодом яобновляя 3 контейнера на одной странице, когда пользователь удаляет веб-ссылку, это заставляет браузер запрашивать страницу 3 раза.Так что мой вопрос ... есть ли лучший подход?Чтобы браузер запрашивал страницу только один раз?

Спасибо.

Answer 1

id являются абсолютными, поэтому нет необходимости быть многословным. Вы можете использовать запрос GET, поскольку все они указывают на один URL:

$('#delete_weblink').live('click', function(event) {
   $.get($(this).attr('href'), function(data) {
     $data = $(data);

     $.each(['#weblinks_wrapper', '#weblink_count', '#bottom_middle'], function() {
       $(this).html($data.find(this).html());
     });
   });

   event.preventDefault();
});