JQuery的多个.load（）函数一次加载一个与异步加载一个

Question

我正在尝试使用jQuery .load()将4个文件加载到单个页面上。问题是，它们不会异步加载。相反，每个文件一次加载一次，导致我的页面加载慢得多。

这是我的代码：

$( "#list1" ).load( 'list1.php' );
$( "#list2" ).load( 'list2.php' );
$( "#list3" ).load( 'list3.php' );
$( "#list4" ).load( 'list4.php' );

以下是Chrome调试器中的示例：

Answer 1

尝试使用jQuery.get（）函数“同时”加载文件，然后将其加载到选择器。

$.get( "list1.php", function( data ) {
  $( "#list1" ).html( data );
});
$.get( "list2.php", function( data ) {
  $( "#list2" ).html( data );
});
$.get( "list3.php", function( data ) {
  $( "#list3" ).html( data );
});
$.get( "list4.php", function( data ) {
  $( "#list4" ).html( data );
});

或使用：

$.each(['list1.php','list2.php',...'listx.php'],function(index,file) {
      $.get(file, ...);
});

可以找到更多信息here