在繼續使用腳本之前等待AJAX​​響應

Question

我有一個運行2個AJAX調用的腳本，這是第一次檢查數據庫中是否存在記錄。如果是這樣，則不應該繼續，腳本應該停止。第二個提交工作。

我的問題是，在第一次AJAX調用返回之前，該作業正在提交。我的代碼看起來是這樣的：

if (recordid) { 
    var request = $.ajax({ 
     context: document.body, 
     url: URLGOESHERE, 
     data: { 
      recordID: recordid 
     }, 
     success: function(data){ 
      if (data.Response == "Success") { 
       var noresults = data.Results; 
       if (noresults > 0){ 
        alert('this record id already exists!'); 
        return false; 
       } 
      } else { 
       alert('an error occured'); 
       return false; 
      } 
     } 
    }); 
} else { 
    alert('enter a record id'); 
    return false; 
} 

// second ajax call goes here, which gets called regardless of the output of the ajax call above  

Answer 1

而不是把呼叫轉移到第二AJAX方法在你的代碼（在評論當前的）的底部，把它放在你的第一個電話的「成功」功能。這個方法只會在第一次調用完成後執行。這是確保第二次通話不會發生得太早的唯一方法。 Ajax調用異步運行，因此瀏覽器的正常流程不會中斷。這是故意的，以便長時間運行的調用不會鎖定用戶的瀏覽器。

Answer 2

if (recordid) { 
    var request = $.ajax({ 
     context: document.body, 
     url: URLGOESHERE, 
     data: { 
      recordID: recordid 
     }, 
     success: function(data) { 

      //check here if you want to call submitJob or not 
      //and call submitJob() 
     } 

    }); 

} else { 
    alert('enter a record id'); 
    return false; 
} 

//call this ajax once you varified your condition from success callback of first one 
function submitJob() { 

    //second ajax call goes here 
} 

Answer 3

嘗試這個辦法：異步歡迎使用屬性假

if (recordid) { 
    var request = $.ajax({ 
     context: document.body, 
     url: URLGOESHERE, 
     data: { 
      recordID: recordid 
     }, 
     async : false, //added this 
     success: function(data){ 
      if (data.Response == "Success") { 
       var noresults = data.Results; 
       if (noresults > 0){ 
        alert('this record id already exists!'); 
        return false; 
       } 
      } else { 
       alert('an error occured'); 
       return false; 
      } 
     } 
    }); 
} else { 
    alert('enter a record id'); 
    return false; 
} 

OR 執行第一Ajax調用成功函數第二AJAX調用即見註釋

if (recordid) { 
     var request = $.ajax({ 
      context: document.body, 
      url: URLGOESHERE, 
      data: { 
       recordID: recordid 
      }, 
      success: function(data){ 
       if (data.Response == "Success") { 
        var noresults = data.Results; 
        if (noresults > 0){ 
         alert('this record id already exists!'); 
         return false; 
        } 
        //perform 2nd ajax call here 
       } else { 
        alert('an error occured'); 
        return false; 
       } 
      } 
     }); 
    } else { 
     alert('enter a record id'); 
     return false; 
    } 

Answer 4

你必須使用jquery promise功能爲了等待第一個Ajax請求完成，然後再發出一個Ajax請求。

JQUERY PROMISE

OR

將在第一個的success function第二ajax要求，使當你想它開火

if (recordid) { 
    var request = $.ajax({ 
    context: document.body, 
    url: URLGOESHERE, 
    data: { 
     recordID: recordid 
    }, 
    success: function(data) { 

     //check here if you want to call submitJob or not 
     if (noresults > 0){ return false } 
     else { Job(); }; 

    } 

    }); 

    } else { 
    alert('enter a record id'); 
    return false; 
    } 

     function Job() { 
      //another ajax call. 
     } 

希望它可以幫助它發生:)