在'for'循环中调用Ajax

时间:2014-07-20 05:17:14

标签: javascript php jquery ajax

是否可以在循环中使用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();
         ?>

1 个答案:

答案 0 :(得分: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;
                            }
                        }               
                });
            });
    });