ajax返回true/false - 我已經實現了回調

Question

首先，我已閱讀此主題jQuery AJAX function return true or false returning only false while its all good,What to return for jQuery's ajax data param in callback function?,How return true or false function of data response ajax?我無法弄清楚如何使這個工作。

$("#btn_go").on('click', function(){ 
    if(validateUserDetails() == false){ 
      return; 
    } 
}); 

因此，功能validateUserDetails有以下幾點：

function validateUserDetails(){ 
    var bool = false; 

    $.ajax({ 
     url: 'response.php?type=validateUserDetails', 
     type: 'POST', 
     dataType: 'json', 
     data: {name: $("#checkout_name").val(), email: $("#checkout_email").val(), "country": $("#checkout_country").val(), 
       "city": $("#checkout_city").val()}, 
     success: function(data){ 
      console.log(data); // this is currently returning FALSE 
           // Which is totally correct! 
      if(data == true){ bool = true; } 
      return trueOrFalse(bool); 
     } 
    }); 
} 

function trueOrFalse(bool){ 
    return bool; 
} 

但是這是行不通的，因爲如果我輸出的功能，我得到「未定義」，這意味着該函數是不是重新調整正確的值。 console.log(validateUserDetails()); // = undefined

我在做什麼工作？

Answer 1

ajax請求是asyncronous。不要使用sync: true選項，這不是一個好主意。 你可以做的是使用promise的ajax回報，所以：

function validateUserDetails(){ 

return $.ajax({ 
    url: 'response.php?type=validateUserDetails', 
    type: 'POST', 
    async: false, 
    dataType: 'json', 
    data: {name: $("#checkout_name").val(), email: $("#checkout_email").val(), "country": $("#checkout_country").val(), 
      "city": $("#checkout_city").val()}, 
    success: function(data){ 
     console.log(data); // this is currently returning FALSE 
    } 
}); 

}

$("#btn_go").on('click', function(){ 
    validateUserDetails().done(function(data){ 
     if(data == "someValue") 
      return "whatever you want"; 
    } 
}); 

Answer 2

由於沒有人回答了呢，我會：

首先，你可以嘗試同步請求

function validateUserDetails() { 
    var bool = false; 

    $.ajax({ 
      url: 'response.php?type=validateUserDetails', 
      type: 'POST', 
      async: false, 
      dataType: 'json', 
      data: {name: $("#checkout_name").val(), email: $("#checkout_email").val(), "country": $("#checkout_country").val(), "city": $("#checkout_city").val()}, 
      success: function(data) { 
       console.log(data); // this is currently returning FALSE 
            // Which is totally correct! 
       if (data == true) { 
        bool = true; 
       } 
      } 
    }); 

    return trueOrFalse(bool); 
} 

如果不能接受，你可以使用$.Deferred()

function validateUserDetails() { 
    var deferred = $.Deferred(); 
    var bool = false; 

    $.ajax({ 
      url: 'response.php?type=validateUserDetails', 
      type: 'POST', 
      dataType: 'json', 
      data: {name: $("#checkout_name").val(), email: $("#checkout_email").val(), "country": $("#checkout_country").val(), "city": $("#checkout_city").val()}, 
      success: function(data) { 
       console.log(data); // this is currently returning FALSE 
            // Which is totally correct! 
       if (data == true) { 
        bool = true; 
       } 
      } 
      complete: function() { 
       deferred.resolve(trueOrFalse(bool)); 
      } 
    }); 

    return deferred.promise(); 
} 

function test() { 
    var promise = validateUserDetails(); 
    promise.done(function(result) { 
     console.log("Bool: " + result); 
    }); 
} 

Answer 3

你的函數validateUserDetails沒有返回值，她只是執行一個異步函數。 異步函數返回true或false，但沒有捕獲它。

是這樣的：

function validateUserDetails(){ 

    // asynchronous function 
    $.ajax({...}); 

    return undefined; 
} 

如果試圖console.log(trueOrFalse(bool));你會看到「真」或「假」，但你不能用「回」到異步函數。你必須做一些成功的功能，誰使用「數據」（日誌，或其他功能）