Несколько функций JQuery .load (), загружающих по одной, а не асинхронно - PullRequest
Новая
       19

Несколько функций JQuery .load (), загружающих по одной, а не асинхронно

0 голосов
/ 17 апреля 2019

Я пытаюсь использовать jQuery .load() для загрузки 4 файлов на одну страницу.Проблема в том, что они не загружаются асинхронно.Вместо этого каждый файл загружается по одному, в результате чего моя страница загружается намного медленнее.

Вот мой код: 

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

Вот пример из Chrome Debugger:

enter image description here

1 Ответ

0 голосов
/ 17 апреля 2019

Попробуйте использовать функцию 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, ...);
});

Более подробную информацию можно найти здесь

...