javascript - 'for' 循环内的 Ajax 调用

Question

是否可以在循环中使用ajax调用？
我想要的是，当我单击按钮时，ajax 调用将调用 10 次。下面是我的代码。不知道这是不是好的做法。

但我需要这种类型的解决方案。我该怎么做？谢谢。

HTML:

  <button>Click</button>

AJAX:

  $(document).ready(function(e) {
            $('button').click(function(){
                  for(var i=1;i<=10;i++){        //is it possible ?
                    $.ajax({
                        type:'POST',
                        url : "a.php",
                        data:'a='+$('.div1').text(),
                        success: function(result){
                                $('.div1').html(result);
                            }                               
                    });
                  }
                });
        });

a.php:

        <?php
             if(!isset($_POST['a']) || $_POST['a'] == ""){
                $a = 0;
             }
             else{
                $a = $_POST['a'] + 1;   
             }
             echo $a;
             exit();
         ?>

Answer 1

试试这个:

$(document).ready(function(e) {
        var ajaxCalled=0;
        $('button').click(function(){
                $.ajax({
                    type:'POST',
                    url : "a.php",
                    data:'a='+$('.div1').text(),
                    success: function(result){
                            $('.div1').html(result);
                            ajaxCalled++;
                            if(ajaxCalled<=10){
                                $('button').trigger('click');
                            }
                            else{
                                ajaxCalled=0;
                                return false;
                            }
                        }               
                });
            });
    });