Question

我正在使用JQuery加载方法从外部页面检索HTML片段。然后我立即再次调用该页面以检索不同的片段。这有效，但似乎很浪费。

有人可以提出更好的方法吗？

$('#basket').load('loadCart.php #cartContents', function() {
  $("#basket").slideDown("slow");

}); 

  $('#cartBar p').load('loadCart.php #cartHeading');

Answer 1

你能不能只使用选择器中的“，”运算符来选择多个元素？

$('#basket').load('loadCart.php #cartContents,#cartHeading', function() {
  $("#basket").slideDown("slow");   
});

Answer 2

我解决这个问题的方法是使用$ .ajax方法并涉及检索整个html响应。我使用$（r）解析html，以便jquery可以使用它的常用选择器函数。我在变量中存储了我想要的部分，并将它们放入相应的容器元素中。

$.ajax({
    type:'post',
    url:'yourFile.php',
    success: function(r){
      var element1 = $(r).find('#element1').html();//get the contents of #element1
      var element2 = $(r).find('#element2').html();//get the contents of #element2

      $('#container1').html(element1);//put html in container1
      $('#container2').html(element2);//put html in container2
    }
});

希望这有助于交配！

W上。

如何使用JQuery加载一次检索两组数据

2 个答案: