«Подождите, пожалуйста, загрузите» предупреждение при нажатии кнопки

Question

У меня есть кнопка - при нажатии на нее появляется предупреждение, запрашивающее ввод, после того, как пользователь помещает данные, данные отправляются на сервер, обрабатываются, и результат получается. Это может продолжаться до 30 секунд-1 мин, потому что мне приходится обрабатывать довольно большой объем данных, поэтому мне нужно будет показать предупреждение «Загрузка, пожалуйста, подождите», пока выполняется работа на стороне сервера, поэтому пользователь не думает, что все не работает.

Может ли кто-нибудь предложить какие-либо предложения, пожалуйста?
Я совершенно новый для javascript и jquery. У меня такое чувство, что это нужно делать с помощью ajax, но я действительно не знаю, как это сделать.

Answer 1

Я думаю, что здесь задан тот же вопрос - How to display a "busy" indicator with jQuery? и подтвержденный ответ с кодом.

Answer 2

Что вам нужно точно Jquery Plugin именованный блок UI http://www.malsup.com/jquery/block/

Исходный код и работает демо можно найти на

http://www.malsup.com/jquery/block/#page

Согласно комментарий, если вы хотите сделать это для indivisual AJAX Вы можете разблокировать успешный или обработчик ошибок вызова Ajax ... предположительно

$.ajax({ 
    url: "test.html", 
    cache: false, 
    beforeSend: function (xhr) { 
     $.blockUI({ overlayCSS: { backgroundColor: '#00f' } }); 
    } 
}).done(function(html) { 
    // Do your work 
    $.unblockUI(); 
});