jquery - 更改 for 循环以一次执行一行函数

Question

我有一个函数，它可以遍历表格的每一行，从该单元格中获取数字，将该数字发送到 url 以获取 json 响应，然后根据该数字打印一些内容。我几乎让它工作了，但现在它只是一次将这些全部转储出来，我希望它使用类似 .each 的东西来遍历每一行，做它的事情，然后移动到下一行。我也在使用 jquery 数据表。脚本是这样的:

$j('#imageCheck').click(function(){
    var cells = [];
    var rows = oTable.fnGetNodes();
    for( var i=0;i<rows.length;i++){
        grabsku = $j(rows[i]).find('td:eq(2)').text();
        imgreplace = $j(rows[i]).find('td:eq(2)');
        s7url = 'http://checkit.com/is/image/' + grabsku;       

        $j.ajax({
            type: 'GET',
            url: s7url,
            data: 'req=exists,json',
            dataType: 'jsonp',
            beforeSend:function(){
                imgreplace.html('checking ..');
            },
            success: function(){
                imgreplace.html(z);
            }
        });
    }
});

响应和一切正常，我的问题是如何将它们一一循环。因此，如本示例所示，imgreplace.html('checking ..'); 在表中的每一行中同时发生。我希望它只处理这一行，并在成功后继续处理下一行。

更新

为了更好地解释为什么我这样做，我同意这是不自然的，我从每个单元格获取的数据有助于形成一个唯一的 url，s7url。其中每一个都会从我无法控制的服务器返回这样的响应:

s7jsonResponse(
{"catalogRecord.exists":"0"},"");

然后我会做一些事情来了解真假，如下所示:

function jsonResponse(response){    
    x = response["record.exists"];  
    z = x == "0" ? "NO" : "YES";
}

我喜欢 scrappedcola 的解决方案，但它让我发现成功从来都不是被解雇。我不知道为什么会这样。我可以在检查器选项卡中看到有一个像我上面粘贴的响应。我试图将成功转移到它自己的功能中，例如:

success: function(){ success(); } 

...

var success = function(){
    imgreplace.html(z);
    i++;
    handleImageCheck(i);    
}

但这没有帮助..

更新2

所以我放弃了把变数变成成功的尝试。相反，我将与您分享我的非常丑陋的黑客行为。错误响应成功后，ick。

error: function(data, status){
        if (status = "parseerror") {
            imgreplace.html(z);
            i++;
            handleImageCheck(i);    
        }
    }

更新3

如果出于某种原因有人关心，我找到了解决其他成功问题的方法。我需要将 jsonpCallback 添加到选项中，然后将响应作为 success 中的函数进行处理。

Answer 1

与此类似的东西可能对您有用。基本上，您应该对进行异步调用的图像检查函数进行 1 次调用。然后，异步调用成功后，转到下一行。

var i;  
  $j('#imageCheck').click(function(){ 
     i = 0;
     handleImageCheck(i);
  })
  var handleImageCheck = function(i){
     var cells = [];
     var rows = oTable.fnGetNodes();
     if($j(rows[i]).length)
     {     
    grabsku = $j(rows[i]).find('td:eq(2)').text();
    imgreplace = $j(rows[i]).find('td:eq(2)');
    s7url = 'http://checkit.com/is/image/' + grabsku;       

    $j.ajax({
      type: 'GET',
       url: s7url,
       data: 'req=exists,json',
       dataType: 'jsonp',
       beforeSend:function(){
          imgreplace.html('checking ..');
       },
       success: function(){
          imgreplace.html(z);
          i++;
          handleImageCheck(i);
       }
     });
    }
  }