Достать результат выполнения ajax-запроса из функции

[EvgeniyRRU]

Добрый вечер, уважаемые участники форума. Возник вопрос, никак не могу понять с чем это дело есть.
Задача: в странице регистрации после проверки регуляркой корректности адреса электронной почты производится ajax-запрос, который отправляет на сервер введённый в поле ввода адрес е-мэйла, а сервер выдаёт результат (допустим 1, если такого адреса в базе данных нет и 2, если адрес в базе данных есть). Вот код:

function ajaxCheckEmail(email) {
//отправляем ajax-запрос на сервер для проверки существования адреса e-mail в базе данных
	var req = getXmlHttp();//создаём AJAX объект
		req.open('GET', 'http://sofakos.ru/registration.php?email=' + email, true);
		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				if (req.status == 200) {
					window.acEmailResult = req.responseText;//записываем в глобальную переменную
				}
				
			}
		}
		req.send(null);
return window.acEmailResult;

FierBug показывает, что запрос отправляется, ответ от сервера корректный. Но вот беда, функция ajaxCheckEmail() выдаёт при певом вызове 'undefined', хотя должен быть 1 или 2. Также может перепутаться результат, хотя сервер отвечает корректно.
Проблема, как я понимаю, в глобальной переменной. А как тогда написать код потолковее, чтобы из обработчика асинхронного запроса возвращался корректный результат???

[koxt]

по мотивам
https://github.com/davidflanagan/jav....06.getData.js

function getData(url, data, callback) {
    var request = new XMLHttpRequest(); 
    request.open("GET", url +                     // GET the specified url
                 "?" + encodeFormData(data));     // with encoded data added
    request.onreadystatechange = function() {     // Simple event handler
        if (request.readyState === 4 && callback) callback(request);
    };
    request.send(null);                           // Send the request
}

function getAnswer(request){
    alert(request.responseText);
}
   

function run(data){
    getData('http://example.com', data, getAnswer);
}

[melky]

ответ же асинхронно приходит. как может функция вернуть то, чего пока ещё нет? undefined. проблемы?)

есть два выхода : использовать функцию обратного вызова (см пример от koxt) или использовать неасинхронный вызов.

function ajaxCheckEmail(email) {

	var req = getXmlHttp();//создаём AJAX объект
		req.open('GET', 'http://sofakos.ru/registration.php?email=' + email, *!*false*/!*);

         req.send(null);

	if (req.status == 200) {
		window.acEmailResult = req.responseText;//записываем в глобальную переменную
	}
  
}

отличается она от другой тем, что при совершении запроса интерфейс заморозится. "зависнет", на секунду. это неприятно.

[EvgeniyRRU]

koxt,
Никак не могу понять, читал несколько дней гугл с яндексом, а объяснения где и как нужно прописывать callback я не нашёл. Функция callback где-то идёт отдельно??? Что-то я вообще не понимаю

[melky]

да, она идёт отдельно. она будет исполняться в тот момент времени, когда данные придут с сервера (в обработчике события обычно в это время колбек вызывают).

[EvgeniyRRU]

melky,
я задаю наверное глупые вопросы, но не могу никак понять, потому что пока в интернетах на материалы, где про это написано русским по белому не натыкался. А для чего тогда коллбэк-функция передаётся в параметры функции-обработчика, если её можно вызвать из функции-обработчика, не указывая параметры???

[melky]

чтобы можно было каждому запросу указывать его callback.