Пытается зациклить вызов ajax load

Question

Я пытаюсь создать простой цикл, в котором элемент загружается несколько раз.

Петля отлично работает, и console.log показывает, что она получает петлю 5 раз, но когда я смотрю на div, который должен иметь контент, который я хочу, он имеет только один div.

Я не совсем понимаю, почему это не сработает (обратите внимание, что я совершенно новичок в ajax).

Это мой код:

// Jquery ajax loop (broken) 

for (var i = 1; i <= 5; i++) { 
    $(".WWBestelling").load("./demo.txt .ItemSmall"); 
    console.log("Item Added"); 
} 

Answer 1

for (var i = 1; i <= 5; i++) { 
    $('.WWBestelling').append($('<div>').load("./demo.txt .ItemSmall")); 
    console.log("Item Appended"); 
} 

Answer 2

Поскольку старый один будет заменен на новый.

Вместо .load вы можете использовать $.get, чтобы получить содержимое, затем добавить к целевому div.

for (var i = 1; i <= 5; i++) { 
    $.get('./demo.txt', function(data) { 
     $(data).find('.ItemSmall').appendTo('.WWBestelling'); 
     console.log("Item Added"); 
    }); 
} 

Answer 3

использовать следующий код, как ./demo.txt не является правильным

for (var i = 1; i <= 5; i++) { 
    $(".WWBestelling").load("demo.txt .ItemSmall"); 
    console.log("Item Added"); 
}