单个.load()的多个div

时间:2016-12-26 20:09:04

标签: javascript jquery

经过几个小时翻阅我的所有帖子,我仍然没有解决方案。我在一个HTML文件中至少有6个div,我需要将其加载到主HTML文件中。每个div的内容都发布到主文件中的不同div容器中。我可以使用下面的代码来处理这个问题,但是我执行了相同文件的6个单独加载,这显然是资源和浪费时间。我尝试在一行中用逗号分隔ID,但是我得到奇怪的结果,其中数据被发布到错误的容器中。有谁知道如何实现单一负载?

$(function() {
    $("#CountryList").load("https://URL #CountryStore");
    $("#YearList").load("https://URL #YearStore");
    $("#ProductList").load("https://URL #ProductStore");
});

1 个答案:

答案 0 :(得分:2)

使用$.get()只发出一个请求并自行解析响应并将各个部分放在您想要的位置

$.get('https://URL', function(data){
   var $data= $(data);
   $( "#CountryList" ).html($data.find('#CountryStore'));
   $("#YearList").html($data.find("#YearStore"));
   $("#ProductList").html($data.find("#ProductStore"));

});

这基本上是load()在内部做的事情