Вернуть результат выполнения функции?

Question

[MdaUZH]

Всем привет, столкнулся с такой проблемой..:

есть функция:

function checkIsNumber(){
	var e = document.querySelector('#telZZ');
	var xhr = new XMLHttpRequest();
	var body = 'num=' + encodeURIComponent(e.value);

	xhr.open("POST", '/office/isnumber', true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		
	xhr.onreadystatechange=function(){
		if (xhr.readyState != 4) return;
		var response = JSON.parse(xhr.response);
		if(response.err == 255){
			alert('ugu');
                        return true;
		}
		else{
			alert('aga');
			return false;
		}
	}
	xhr.send(body);
}

И нужно использовать в проверке результат функции:

...
if(checkIsNumber()){
    alert('ogo');
}

Но checkIsNumber() всегда возвращает undefined, в чем дело и как тут быть?
Подскажите пожалуйста

Comments

[Алексей Уколов]

О, сегодня ещё не было вопроса про "почему функция с ajax-запросом возвращает undefined".

Answer 1

[Александр Вульф]

Дело в том, что у вас используется асинхронность. В момент вызова checkIsNumber ответ еще не пришел от сервера. Решить эту проблему можно либо через callback-функцию, либо через Promise. Выбирайте, что удобнее и вперед :)

Comments

[MdaUZH]

Не совсем понимаю как это оформить, не могли бы вы привести пример ?

[keslo]

MdaUZH: просмотрите информацию про объект Promise. Скорее всего после этого вопрос отпадёт сам собой.