Как приостановить выполнение скрипта до получения результата AJAX запроса?

[Хиросим]

В скрипте пытаюсь получить переменную из сессии, пробую сделать это с помощью аякс запроса, но не могу понять как мне приостановить выполнение скрипта до момента получения результата запроса.
За основу взял этот код.
Пока получилось нечто вот такое:

function MailSubmit()
	  {
		  var message = document.getElementById('message');
		  var capcha = document.getElementById('capcha');
		  if (message.value == '')
		  {alert ('oops1'); message.focus(); return false;}

		  var sessionKey = '';
		  var req = getXmlHttp() 
		  req.onreadystatechange = function() 
		  {  
			  if (req.readyState == 4) 
			  {
				  sessionKey = req.statusTexts;
				  if(req.status == 200) 
				  { 
					  sessionKey = req.responseText;
					  
				  }
			  }
		  }
		  req.open('GET', 'moduls/reg/ajax.php?sessionKey=1', true);  
		  req.send(null);
		  
		  // Последующий код должен дождаться завершения аякс запроса
		  
		  if (capcha.value != sessionKey)
		  {alert ('oops2'); capcha.focus(); return false;}
	  }

НАУЧИТЕ как правильно!!! или скажите где почитать...

[trikadin]

Делим весь код на две части: код до и код после. А потом делаем как-то так:

function codeAfterAJAX(data) {
 /* здесь пишите всё, что вам нужно */
};

req.onreadystatechange= function(){
 if (this.readyState === 4 && this.status ==200) // вообще, нам подойдёт любое значение status от 200 до 299.
  codeAfterAJAX(this.responseText);
}

P. S. Найдите и почитайте "Профессиональные приёмы программирования" Джона Резига.

[Хиросим]

Блин... просто то как...
trikadin, нижайший поклон...

[dmitriymar]

выполнять синхронный запрос

[Хиросим]

Возникла другая трудность.
Если вешаю функцию на любое событие любого элемента DOM, все работает... но если цепляю ее к кнопке (input type="submit"), туда где она и должна быть, то форма тупо отправляется и функция сработать не успевает...
Код теперь выглядит так

function verifMailForm(sessionKey)
{
	var message = document.getElementById('message');
	var capcha = document.getElementById('capcha');
	if (message.value == '')
	{alert ('oops1'); message.focus(); return false;}
	if (capcha.value != sessionKey)
	{alert ('oops2'); capcha.focus(); return false;}
}

function ajaxMailSubmit()
{
	var req = getXmlHttp() 
	req.onreadystatechange = function() 
	{  
		if (req.readyState == 4 && req.status == 200) 
		{
			verifMailForm(req.responseText);
		}
	}
	req.open('GET', 'moduls/ajax/ajax.php?sessionKey=1', true);  
	req.send(null);
}

вызов так

<input name="mail_submit" type="submit" value="Отправить" onclick="return ajaxMailSubmit()" />

[ksa]

onclick="return ajaxMailSubmit()"

Интересно... Кто это учит так писать?
Уже не один человек такое пишет...

[Хиросим]

return перед вызовом функции способствует остановке отправки формы на сервер если какоето из условий не выполнено (отобразился alert). Иначе сообщение об ошибке (alert) отображается, но форма всеравно улетает на сервер....
Кто научил не помню, если есть более корректный метод остановить отправку формы, дайте ссыл...

[ksa]

Кто научил не помню

Т.е. ранее ты такое применял успешно?

если есть более корректный метод остановить отправку формы

Да он единственный. Это onsubmit у form. Вот один из примеров реализации
http://htmlbook.ru/html/attr/onsubmit

И оставьте кнопку

<input type="submit" value="Отправить" />

в покое...

[Хиросим]

нуда применял, досих пор работает))...
спасибо, наставлениям внял... все работает...

[Kolyaj]

нуда применял, досих пор работает))...

У вас работает, а у первого же пользователя, который не тянется к мышке, чтобы отправить форму, а отправляет форму энтером, не работает.