weixin_33675507 2014-01-17 08:33 采纳率: 0%
浏览 13

试图循环ajax加载调用

I'm trying to make a simple loop where an element gets loaded multiple times.

The loop works fine and the console.log shows it does get looped 5 times but when I look at the div that is supposed to have the content I want it only has the div once.

I don't quite know why it wont work (note I'm quite new to ajax).

This is my code:

// Jquery ajax loop (broken)

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

2条回答 默认 最新

  • weixin_33695082 2014-01-17 08:37
    关注

    Because the old one will be replaced by the new one.

    Instead of .load, you could use $.get to get the content then append to the target div.

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

报告相同问题？