jquery - 如何一一执行ajax请求

Question

我遇到了这个问题，无法解决。部分原因是我无法用正确的术语来解释它。我是新手，很抱歉提出这个笨拙的问题。

下面您可以看到我的目标的概述。

这是我的脚本结构......及其工作正常

<script>
    $(document).ready(function(){
        applyScript();
        var jqueryarray = <?php echo json_encode($array); ?>;
        for (i = 0; i < jqueryarray.length; i++) {
             // my logic is here
             try {
                $.ajax({
                   url: url1,
                   cache:  false ,
                   type : 'POST',
                   // dataType: "json",
                   data: data1,
                   success: function(response){
                      if (response) {
                         // some logic with response
                      }
                   }
                });
             }catch (e) { }
        };
    });
</script>

这里基于for循环，它的工作ajax发送请求，但我的目标是我想一个接一个地发送ajax请求。

你可以在这里看到我的问题

有什么想法吗？

Answer 1

创建一个类似递归的函数，在完成一个 ajax 请求后重新调用，如下所示:

   $(document).ready(function(){
    applyScript();
    var jqueryarray = <?php echo json_encode($array); ?>;
    var $i = 0; 
    ajax_forloop( $i );
   });
    function ajax_forloop( $i )
    {
         // my logic is here
         try {
            $.ajax({
               url: url1,
               cache:  false ,
               type : 'POST',
               // dataType: "json",
               data: data1,
               success: function(response){
                  if (response) {
                     // some logic with response


                     //call another ajax request
                     $i++;
                     if( $i < jqueryarray.length ) 
                     {
                         ajax_forloop( $i );  
                     }

                  }
               }
            });
         }catch (e) { }

    }