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