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

Question

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

我试过没有改变：

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

Answer 1

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

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

Answer 2

试试这个，使用延迟对象。

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);
});