'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; 
          } 
         }    
       }); 
      }); 
    });