Javascript jQuery在一个元素中加载多个html文件

如何加载多个html文件并将其放入指定的html元素中

我尝试过，但没有改变：

$('#asd').load('file.html,pippo.html');

---

您可以获取多个项并将它们添加到元素中

jQuery.ajaxSetup({ async: false }); //if order matters
$.get("file.htm", '', function (data) { $("#result").append(data); });
$.get("pippo.htm", '', function (data) { $("#result").append(data); });
jQuery.ajaxSetup({ async: true });  //if order matters

---

试试这个，使用延迟对象

var defArr = [];
defArr.push($.get('file.html'));
defArr.push($.get('pippo.html'));
$.when.apply($,defArr).done(function(response1,response2){
    $('.result').html(response1[2].responseText + response2[2].responseText);
});

---

data1

和

data2

是延迟对象，而不是text/html。你发布的代码将把字符串

[object object][object]

附加到

.result

你说得对@Kevin B。我已经修改了帖子，在get（）调用中包含回调函数。我不想在这场游行中下雨，但是，如果获取wwa.htm比获取wb0tpl.htm花费的时间更长，那么您可以很容易地让它们按顺序追加（或者，如果它们花费的时间相似，则每次尝试都会以不同的顺序追加）。Kevin B的解决方案没有这个问题。@gl3nn，我改为包含append调用。此外，我还添加了“async”包装，以防顺序问题。@gl3nn使用

async:false在请求期间锁定浏览器，导致请求按顺序而不是同时发送，可能导致获取所有请求的html所需的时间更长（导致前面提到的锁定持续时间更长）。