如何在jQuery .each()中处理一个项目,然后转到另一个项目


How to process one item and then go to another item in jQuery .each()

我有一个复选项数组,代码如下:

$('input[name="numb_item"]:checked').each(function() {
var numb=this.value;
 $.ajax({
      dataType : 'json',
      data: {'numb_item': numb},
      type: 'POST',
      url:'ajxReportGenerator.php',
      success: function(data){
         $('#main_container').append(data);
      },
 });
});

我的问题是我想传递第一个项目并接收它的报告然后传递第二个项目给ajxReportGenerator.php但是它会将它们作为单独的参数传递一次并且会产生超时错误因为在ajxReportGenerator.php中我的过程将花费很长时间对我来说传递第一个项目并接收它的报告然后转到第二个项目。

像树一样的循环如何:

<script>
var values = [];
$('input[name="numb_item"]:checked').each(function() {
    values.push(this.value);
});

loop = function(value,count,total,values){
    var numb = value;
     $.ajax({
          dataType : 'json',
          data: {'numb_item': numb},
          type: 'POST',
          url:'ajxReportGenerator.php',
          success: function(data){
             $('#main_container').append(data);
             count = count++;
             if(count < total){
                loop(values[count],count,total,values);
             }
          },
     });
}
count = 0;
total= values.length;
loop(values[count],count,total,values);
</script>