Как изменить курсор во время синхронного браузера jQuery, блокирующего POST?

Question

$.ajax({ 
     url: "/cgi-bin/stats.exe", 
     method: "post", 
     async: false, 
     data: { refresh: "a41" } 
    }); 

Использование ajax post синхронно - "async: false".

Пока он блокирует браузер во время активного запроса, что является самым эффективным способом изменить курсор на песочные часы или отобразить ожидание .gif?

Возможно, установите курсор, когда он входит в эту функцию, затем измените его обратно в success or complete function?

Любые советы приветствуются.

Thank you.

Answer 1

Я рекомендую использовать jQuery blockUI plug-in. Он изменит курсор, покажет любое сообщение или значок (http://ajaxload.info/), который вам нравится, пока пользователь ждет. Там много информации на сайте для того, как использовать его, но в своей простейшей форме:

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); 

Это будет автоматически показывать курсор ожидания и предотвратить действия пользователей до тех пор, пока вызов не завершится Аякс.

Answer 2

Не делайте запрос синхронным, потому что он полностью блокирует все остальное. Вместо этого вы можете использовать асинхронный запрос, но заставьте его выглядеть синхронно, «блокируя» пользовательский интерфейс. Для этого я использую jQuery.blockUI().

Answer 3

Я не проверял, но я думаю, что это будет сделано так:

$('html, body').css('cursor', 'wait'); 

$.ajax({ 
    url: "/cgi-bin/stats.exe", 
    method: "post", 
    async: false, 
    data: { refresh: "a41" }, 
    success: function() { 
    $('html, body').css('cursor', 'auto'); 
    // the rest of your processing here 
    }, 
    error: function() { 
    $('html, body').css('cursor', 'auto'); 
    } 
}); 

Per @ Патрикс предложение, изменили его на ошибки, а также.