如何將回調函數的值返回給調用者？

Question

如何讓這個小函數「imageExists」返回ajax請求成功與否？

function imageExists(path){ 
    $.ajax({ 
     url: path, 
     type: 'HEAD', 
     error: 
      function(){ 
       return false; 
      }, 
     success: 
      function(){ 
       return true; 
      } 
    }); 
} 

Answer 1

我相信你將不得不使用同步模式，並使用單獨的一個變量，用於存儲返回值。

function imageExists(path){ 
    var isSuccess; 
    $.ajax({ 
     url: path, 
     type: 'HEAD', 
     async: false, 
     error: 
      function(){ 
       isSuccess = false; 
       return false; 
      }, 
     success: 
      function(){ 
       isSuccess = true; 
       return true; 
      } 
    }); 
    return isSuccess; 
}

Answer 2

你將要返回AJAX調用無論是在success功能或error函數的結果，所以無論功能下一步應該叫應該從該點被調用。因爲一個AJAX請求是異步的（我建議不要使它成爲一個阻塞同步調用），你提出請求但不知道它什麼時候會返回;當它返回時它會打電話給你，所以你只需要提供一些東西來打電話。

function imageExists(path){ 
    $.ajax({ 
     url: path, 
     type: 'HEAD', 
     error: 
      function(){ 
       iveReturned(false); 
      }, 
     success: 
      function(){ 
       iveReturned(true); 
      } 
    }); 
} 

function iveReturned(result) { 
    // code here to do something following AJAX response. 
} 

Answer 3

創建一個var來保存全局級別的響應，然後將異步設置爲false。您需要在成功或錯誤函數中設置該變量。

http://api.jquery.com/jQuery.ajax/

function imageExists(path){ 
myVar = null; 
$.ajax({ 
    url: path, 
    type: 'HEAD', 
    error: 
     function(){ 
      myVar = false; 
     }, 
    success: 
     function(){ 
      myVar = true; 
     }, 
    async: false 
}); 
}