如何在AJAX響應後退出父功能

Question

我正在使用AJAX請求來檢查某些內容是否爲真或假。下面是完整的功能，包括AJAX請求：

function selectAnswer(id, questionId) { 
    $.get("php/forms/select-answer-process.php?scope=get&id="+questionId, function(data) { if (data == "true") { alert("You can only select one answer per question"); } }); 

    var confirmChoice = confirm("Are you sure you want to select this as the correct answer? This cannot be undone."); 
    if (confirmChoice) { 
     $.get("php/forms/select-answer-process.php?scope=save&id="+id); 
     document.getElementById("answer-check-"+id).src = "img/icons/check-green.png"; 
    } else { 
     return false; 
    } 
} 

警報的偉大工程，但我想退出父功能，如果Ajax響應是真實的。我怎樣才能做到這一點？

Answer 1

隨着Ajax是異步的，結果，ajax調用之後的任何內容在ajax調用完成後仍然會執行。相反，ajax返回後通常會使用回調來使用返回的數據。您應該使用在回調從AJAX調用返回這樣的數據：

function selectAnswer(id, questionId) { 
$.get("php/forms/select-answer-process.php?scope=get&id="+questionId, function(data) { 
    if (data == "true") { 
    alert("You can only select one answer per question"); 
    }else{ 
    successResponse(id);//callback when ajax is complete 
    } 
}); 
} 

//function to be called if ajax completion is successful and correct 
function successResponse(id){ 
var confirmChoice = confirm("Are you sure you want to select this as the correct answer? This cannot be undone."); 
if (confirmChoice) { 
    $.get("php/forms/select-answer-process.php?scope=save&id="+id); 
    document.getElementById("answer-check-"+id).src = "img/icons/check-green.png"; 
} 
} 

Answer 2

您可以從塊內拋出一個異常，並抓住它的父母，然後把它處理需要：

try { 
    get block... { 
    if (data == "true") { 
     alert("You can only select one answer per question"); 
     throw "nope!"; 
    } 
    } 
} 
catch(ex) { 
    return false; 
} 

Answer 3

試試這個：

function selectAnswer(id, questionId) { 
    $.get("php/forms/select-answer-process.php?scope=get&id="+questionId, function(data) { 
     if (data == "true") { 
      alert("You can only select one answer per question"); 
      return; 
     } 
     var confirmChoice = confirm("Are you sure you want to select this as the correct answer? This cannot be undone."); 
     if (confirmChoice) { 
      $.get("php/forms/select-answer-process.php?scope=save&id="+id); 
      document.getElementById("answer-check-"+id).src = "img/icons/check-green.png"; 
     } else { 
      return false; 
     } 
    }); 
}