单个 .load() 的多个 div

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()在内部所做的