0

我是 jQuery ajax 的新手。我在 magento 中创建了一个 ajax 表单。它工作正常。但现在我想在其中添加加载器图像。我的表单代码是写的

jQuery(function () {
  var checkurl = URL + "customer/account/signupformpopup/";
  jQuery('#alogin').click(function () {

    jQuery('.cc-register-form').hide(600);
    jQuery('.cc-signup-form').show("slow");
    jQuery.ajax({
      url: checkurl,
      success: function (data) {
        var $signupForm = jQuery('<div class="cc-signup-form">'+data+'</div>');
        if (jQuery('#tinybox-wrap').children().hasClass('cc-signup-form')) {
          return false;
        }
        else {
          jQuery('#tinybox-wrap').append($signupForm);
        }
      }
    })

  });
});
4

2 回答 2

2

您可以通过多种方式执行此操作。我首选的方法是将函数附加到元素本身的 ajaxStart/Stop 事件。

$('#loadingDiv')
    .hide()  // hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    })
;

ajaxStart/Stop 函数将在您执行任何 ajax 调用时触发。

于 2013-08-03T08:50:39.543 回答
0

好吧，基本上你需要把你的装载机放在上面ajax post element，使用某种绝对定位或者你可以做的其他事情。一个例子是跟随jsFiddle。（您可以单击一个按钮，然后单击加载程序以使按钮再次出现）。

你对 ajax 请求所做的是隐藏控制元素和显示加载器，success当然在error函数处理程序中你显示控制元素和隐藏加载器。就是这样，很简单：）

于 2013-08-03T08:51:10.117 回答