Как отобразить индикатор «ожидания» на веб-странице, пока веб-сервер выполняет http-запрос?

Question

Справочная информация - у меня есть веб-приложение, для которого запрос занимает несколько секунд.

Вопрос. Как можно отобразить индикатор типа «ожидание» (например, счетчик) для пользователя после того, как он инициирует запрос, пока фактический ответ HTTP-запроса не вернется с сервера?

Примечания. Я предполагаю, что это общий вопрос веб-разработки, однако мое веб-приложение является приложением "Ruby on Rails".

спасибо

Answer 1

Предыдущие постеры верны, вы можете показать анимацию, но это не идеально для всех случаев. Если вы просто хотите изменить курсор, в javascript вы можете сделать это в начале запроса:

document.body.style.cursor = "wait";

и после завершения запроса:

document.body.style.cursor = "default";    

надеюсь, это поможет ... Скот.

Answer 2

Как правило, вы добавляете новый объект DOM (или отображаете существующий) на страницу, возможно, через jQuery или какую-то другую библиотеку, которая отображает счетчик, а затем в любом обратном вызове, запускаемом по завершении запроса AJAX; вам бы снова пришлось прятать объект счетчика.

Answer 3

Прежде всего, у вас есть скрытый div вместе с изображением счетчика, когда вы отправляете http-запрос, делаете div видимым, а когда получаете ответ, снова делаете его скрытым.