與Jquery一個接一個地執行Ajax查詢

Question

我試圖一個接一個地執行ajax post請求，只有當結果是「完成」時才停止。但我不明白爲什麼它不循環...我得到一個JSON的答案，但我無法做任何事情與成功的反應。 我迄今爲止代碼：

var index = 0; 
function crawler(textarea) { 
     index = 0; 
     if(url != ''){ 
      if(/^(http|https|ftp):\/\/[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/i.test(url)){ 
       execute_queue(index); 
      } 
     } 
    }; 

function execute_queue(index) 
    {  
     url  = strip_tags($('#input-website').val().trim()); 
     folders = strip_tags($('#excluded-folders').val().trim()); 
     $.ajax({  
      url: 'xxx', 
      cache: false, 
      type : 'POST', 
      async: false, 
      data: {url:url, folders:folders, current:index}, 
      success: function(response) 
      { 
       index++;   
       execute_queue(index); 
      } 

     }); 
}; 

在此先感謝您的幫助。

Answer 1

您應該檢查是否請求失敗，這是直接從JQuery的manaual：

var jqxhr = $.ajax("example.php") 
    .done(function() { 
    alert("success"); 
    }) 
    .fail(function() { 
    alert("error"); 
    }) 
    .always(function() { 
    alert("complete"); 
    }); 

更多信息found here，成功不會URL是否有錯誤響應調用。

UPDATE： 我覺得你的代碼應該是這個樣子：

var index = 0; 
function crawler(textarea) { 
     index = 0; 
     if(url != ''){ 
      if(/^(http|https|ftp):\/\/[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/i.test(url)){ 
       execute_queue(index); 
      } 
     } 
    }; 

function execute_queue(index) 
    {  
     url  = strip_tags($('#input-website').val().trim()); 
     folders = strip_tags($('#excluded-folders').val().trim()); 
     $.ajax({  
      url: 'xxx', 
      cache: false, 
      type : 'POST', 
      data: {url:url, folders:folders, current:index}, 
      success: function(response) 
      { 
       index++;   
       execute_queue(index); 
      }, 
      error: function(jqXHR, textStatus, errorThrown) { 
       alert("Error: " + textStatus + " : " + errorThrown); 
      } 
     }); 
};