jquery 上的 javascript 数组变量

Question

我是网页设计的菜鸟。我遇到这样的问题:

<script type="text/javascript">     

    var searchIDs = new Array();
    <% searches.forEach(function (search) { %>
    searchIDs.push('<%= search._id%>');
    console.log('<%= search._id%>');
    <% }) %>    
</script>   

...

<script>
    for (var i = 0; i < searchIDs.length; i++) {
        $.get('../../tCounter', { search: searchIDs[i]}, function(data){

            console.log(data.c);
            $("#" + searchIDs[i]).append("<b>" + data.c + "</b>");
        });
    }
</script>

在这段代码中，我有一些 div，它们的 id 是由 searchID 生成的。我想通过搜索 ID 到达不同的 html 组件。问题在这里，我可以使用 get 获取真实数据并使用 console.log(data.c); 查看它但我无法到达正确的组件来写入数据。它总是附加在同一个 div 上。我正在等待您的建议，谢谢。

Answer 1

问题是内部函数异步运行。循环结束，i 运行时处于最高值。

解决这个问题最简单的方法是像这样使用jquery的$.each()

$.each(searchIDs, function(i, id) {
  $.get('../../tCounter', {
    search: id
  }, function(data) {
    console.log(data.c);
    $("#" + id).append("<b>" + data.c + "</b>");
  });
});