jQuery Ajax Loader

Question

Привет,

Я хотел бы знать, что мне нужно сделать, чтобы появился загрузчик ajax ...

на самом деле я вызываю функцию в ajax ... все идет хорошо

вот как это делается

 $('#txtEmail').blur(function()
    { 
        $.post("ajaxAvailability.aspx",{ email:$(this).val() } ,function(data)
        {
            if(data=='false')

...

Теперь я хотел бы иметь загрузчик, поэтому я сделал это так:

$('#loader').ajaxStart(function() {
       $(this).show();
     }).ajaxStop(function() {
       $(this).hide();
     });

Это должно работать? происходит то, что я получаю исключение внутри jquery.js ....

- заранее спасибо

Answer 1

Я обычно делаю это в своем коде:

$('#txtEmail').blur(function(){
  var value = $(this).val();
  //display loader image
  $("#indicator").html("<img src='PATH/loading.gif' alt='' /> Sending...").show();
  $.post(URL,
    { email:value },
    function(data) {
      $("#indicator").empty().hide();
      //...
    });
)};

В приведенном выше коде анимированное изображение появится внутри элемента DOM с id="indicator". После выполнения запроса AJAX я опустошил контейнер, а затем скрыл его. Настройте это в соответствии с элементом вашей страницы.

Мой другой код использует jQuery blockUI , обычно при отправке формы, чтобы предотвратить двойную отправку. Проверьте в Интернете пример использования.

Answer 2

Привет, для всех

Решением этой проблемы является корректный файл jquery-1.3.2-vsdoc2.js

в функции ajax есть параметр f, его следует заменить на обратный вызов