Показывать всплывающий div при разговоре с сервером AJAX

Есть несколько проблем с тем, как вы написали свой код. Вот пара из них:

(1.) Позвоните:

var response = get_server_response("action=createPlaylist&name=" + name, false);

Вы ожидаете немедленного ответа, которого не будет при вызове AJAX. Кроме того, вы передаете false для параметра async, что фактически делает его вызовом sync. Вот почему ваш код просто ждет, прежде чем делать что-либо еще.

(2.) Реализация:

xmlhttp.onreadystatechange = function()
{
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
    {
        response = xmlhttp.responseText;
    }
}
xmlhttp.open("POST", ajax_server, async);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(url);
return response;

Вы только кэшируете результат в response, а не обрабатываете его при отслеживании onreadystatechange. Фактически вы обрабатываете его сразу после вызова, который будет выполняться после вызова, а не при получении ответа. Здесь нет необходимости возвращать ответ.

(3.) всплывающее окно:

Вы не используете отображение / скрытие в подходящем месте.

Решение:

Я бы посоветовал вам запустить обратный вызов при отслеживании onreadystatechange, реализовав функцию. Показывать всплывающее окно непосредственно перед тем, как совершить сетевой вызов. Спрячьте его внутри функции обратного вызова в зависимости от readyState и status.

Вот вам рабочая скрипка: http://jsfiddle.net/nDNXc/549/

Надеюсь, это поможет.

Сначала я рекомендую вам использовать общую библиотеку для вызовов Ajax, например. jQuery.ajax.

Во-вторых, узнайте об асинхронном Javascript. Ваш вызов get_server_response () немедленно возвращается, не дожидаясь завершения вашего запроса Ajax. Взгляните на полный параметр в jQuery.ajax. Он принимает функцию, которая вызывается, когда ваши запросы завершаются - правильное место, чтобы скрыть ваше сообщение!