javascript - 增量计数器在循环外不可用

Question

我正在使用 jQuery 的 $.each() 遍历 json 返回值，并将返回的类添加到它们对应的 <div> 中。的;然而，计数器似乎无法在立即循环之外进行进一步处理。我试过使用 return 的 & 外部函数调用无济于事。当我 alert() 迭代内的计数器时，它正确显示；并且所有类都正确更新。任何见解将不胜感激。

代码:

var c = 0;
function refreshIt(){
  var page = $(".navselected").attr('id');
  var ids = $('.content div[id]').map(function(){
    return this.id;
  }).get();

  $.ajax({
    type:'POST',
    url:page + 'functions.php',
    data:{'idList[]':ids},
    dataType:'json',
    success:function(data){
      $.each(data,function(element,load){
        $("#" + element).slideUp(400,function(){
          $("#" + element).removeClass("critical ok");
          $("#" + element).addClass(load.status).html(load.number).slideDown(400);
          if(load.status == 'ok'){
            c++;
          }
          else{
            c++;
          }
        });
      });

      $('.infostatus').addClass('infook').html("There are " + c  + " errors on this page.     Kudos!");
    }
  });
}

Answer 1

当您进行 ajax 调用时，浏览器会发送请求并将函数附加到它，然后在等待响应的同时继续执行脚本的其余部分。这意味着最后一行代码几乎肯定会在 ajax 返回之前执行。将该行放在 ajax success 函数中，就在每个函数之后:

$.ajax({
  type:'POST',
  url:page + 'functions.php',
  data:{'idList[]':ids},
  dataType:'json',
  success:function(data){
    $.each(data,function(element,load){
    $("#" + element).slideUp(400,function(){
    $("#" + element).removeClass("critical ok");
    $("#" + element).addClass(load.status).html(load.number).slideDown(400);
    if(load.status == 'ok'){
      c++;
    }
    else{
      c++;
    }
  });

  $('.infostatus').addClass('infook')
  .html("There are " + c  + " errors on this page.     Kudos!");

});