javascript - 多个 div 与单个 .load()

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