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

Question

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

我尝试了没有变化:

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

Answer 1

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

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

Answer 2

你可以得到多个项目并将它们添加到元素中.

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