Получение Аякса данных обратно вызывающей функции - необходимо уточнение предыдущего ответа

Question

Я пытаюсь реализовать ответ, приведенный в следующем вопросе: How do I return the response from an asynchronous call?

Прокрутка вниз к ответу по Hemant Bavle (в настоящее время 62 голосов). Это именно то, что я пытаюсь реализовать, но все равно не повезло. Вот моя попытка (я опустил ajaxSetup() и fail() для краткости):

function isGoodPIN(pin) { 
    var result; 
    var cURL = "server/checkPIN?pin=" + pin; 

    function setResult(ajaxResult) { 
     result = ajaxResult; // <--------- true here... 
    } 

    var ajaxResponse = $.get(cURL, function (data) { 
     // data is "OK" here... 
     setResult(data == "OK" ? true : false); 
    }); 

    return result; //<--------- undefined here 
} 

Является ли это проблемой, поскольку сфера результат setResult() является локальным для setResult() и не видно за его пределами? Если да, то каково решение этой проблемы?

Answer 1

Вы по-прежнему не хватает точки AJAX; это есть это асинхронный. Это означает, что вы не можете вернуть что-либо из родительской функции, поскольку оператор return выполнит задолго до того, как данные будут возвращены из запроса.

Вам необходимо изменить логику, которую вы используете в своей функции, для включения функций обратного вызова, которые выполняются на основе результата вашего AJAX. Попробуйте следующее:

function isGoodPIN(pin, validCallback, failCallback) { 
    $.get('server/checkPIN', { pin: pin }, function (data) { 
     if (data == "OK") { // note you should really use a boolean here 
      validCallback(); 
     } else { 
      failCallback(); 
     } 
    }) 
} 

isGoodPin('1234', function() { 
    console.log('valid pin'); 
}, function() { 
    console.log('invalid pin'); 
});