Question

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

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

Answer 1

使用$.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()在内部做的事情

单个.load（）的多个div

1 个答案: