單個 .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()在內部所做的