Jquery 中对就绪函数的多个 Ajax 查询

Question

我有一个 table 类似下图的东西

我想在通过 jquery .get method

加载页面后用数据填充 "ROL" 列

为此，我使用下面提到的代码

$(function() {
    setTimeout(function() {
        $('.details').each(function() {
            locid = $(this).find('.locationId').html();
            prodid = $(this).find('.productId').html();
            alert(prodid);
            roqty = $(this).find('.roqty');

            $.get('myUrl', null, function(d) {
                CC = JSON.parse(d);
                roqty.html(CC.roqty);
            });
        });
    }, 5000);
})

页面加载后，只会填充 ROL 列的最后一个单元格。请看下图。

尽管 alert 发生了 3 次。可能是什么问题？

Answer 1

由于您已将 roqty 定义为全局变量，因此在等待 $.get('myUrl') 完成时，它的引用会更新到最后一个元素。

将 roqty 定义为作用域为 each() 回调函数的局部变量。

var roqty = $(this).find('.roqty');

Jquery 中对就绪函数的多个 Ajax 查询

Multiple Ajax Queries on Ready Function in Jquery

jquery

document-ready

onload-event