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请求，因为它们都指向一个网址：

$('#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();
});

jquery，优化，刷新同一页面上的几个div

1 个答案: