Как добавить функцию «Идет загрузка ... Пожалуйста, подождите ...»?

Question

На моем веб-сайте есть простая очень простая таблица, в которой отображаются разные URL-адреса. У меня есть поле ввода, где я могу ввести URL-адрес и нажать «Отправить», чтобы добавить дополнительные URL-адреса.

Однако я хочу добавить к этому функцию захвата MD5, используя @ md5_file (); чтобы получить MD5 URL-адреса и убедиться, что это именно MD5, перед добавлением его в базу данных. Однако может потребоваться несколько секунд, чтобы он взял MD5 и сравнил его, поэтому я хотел бы добавить немного текста, такого как «Обработка ... Пожалуйста, подождите ...», пока он выполняет сравнение, а затем один раз это сравнивается, я хочу, чтобы этот текст исчез.

Я никогда не делал этого раньше, и даже не думал об этом, поэтому понятия не имею, с чего начать. Я добавлю javascript в качестве тега для этого, так как я предполагаю , что будет сделано с помощью javascript, но я действительно не знаю. Я не думаю это возможно с PHP, но опять же, я понятия не имею.

Есть предложения?

Answer 1

Я бы использовал jQuery. Вот пример:

В вашем коде JavaScript:

$.ajax({  
  type: "POST",
  url: "some.php",
  data: "name=John&location=Boston",
  beforeSend:  function() {
    $('#message').fadeIn('');
  },
  success: function(msg){
   $('#message').fadeOut('');
 }
});

А твой HTML

<div id="message">Processing...Please wait...</div>

Вот ссылка: http://api.jquery.com/jQuery.ajax/

Answer 2

То, как я это сделал, в функции, где я делаю пост AJAX, я показываю диалог (перед постом), а после поста ajax я его скрываю. Подойдет любой модальный диалог (мне нравятся jQuery, так как я обычно использую тему, соответствующую любому дизайну сайта, который я использую). Проблема в том, что иногда сообщение не занимает много времени и выглядит нервно. Если это так, то достаточно простого div в середине страницы с выделенной раскраской.

Answer 3

http://www.ajaxload.info/ - очень интересное место. Повернуть это изображение видимым и невидимым