Мы делаем несколько запросов AJAX, чтобы «сохранить» данные в веб-приложении, а затем перезагрузить страницу. Мы столкнулись с ситуацией, когда (поскольку запросы выполняются асинхронно), страница перезагружается во время или до завершения вызовов ajax. Простым решением этой проблемы было выполнение вызовов ajax с включенной опцией «async»: false для принудительного выполнения синхронных вызовов. Это, кажется, работает, однако код диалогового окна, который выполняется ДО любых вызовов, выполняется с задержкой выполнения.

Любые советы высоко ценится!

Также следует отметить, что установка alert () перед перезагрузкой разрешает выполнение ajax-запросов. (Предупреждение, очевидно, задерживает перезагрузку достаточно долго для успешного прохождения запросов)

ОБНОВЛЕНО примерами кода:

$(".submit_button").click(function(){ 
    popupMessage();
    sendData(); //the ajax calls are all in here
    location.reload();
});


function sendData() {
    //a bunch of these:
    $.ajax({
    "dataType": "text",
    "type": "POST",
    "data": data,
    "url": url,
    "success": function (msg) {}
    }).done(function( msg ) {

    }); 
}