ajax表单jquery中的加载程序

我是jqueryajax新手。我在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);
        }
      }
    })

  });
});

jQuery（函数（）{
var checkurl=URL+“客户/账户/注册表单弹出/”；
jQuery（'#alogin'）。单击（函数（）{
jQuery（'.cc register form'）.hide（600）；
jQuery（'.cc注册表单'）.show（“慢”）；
jQuery.ajax({
url:checkurl，
成功：功能（数据）{
var$signupForm=jQuery（“”+data+“”）；
if（jQuery（'#tinybox wrap'）.children（）.hasClass（'cc-signup-form'））{
返回false；
}
否则{
jQuery（“#tinybox wrap”）.append（$signupForm）；
}
}
})
});
});

您可以通过多种方式实现这一点。我的首选方式是在元素本身的ajaxStart/Stop事件上附加一个函数

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

---

每当您进行任何ajax调用时，ajaxStart/Stop函数都会启动。

好吧，基本上您需要使用某种绝对定位或w/e，将加载程序置于

ajax post元素的顶部。下面是一个例子。
（你可以点击一个按钮，然后点击一个加载器，使按钮再次成为apear）

对于ajax请求，您要做的是隐藏控制元素和显示加载程序，在
成功
中，当然还有
错误
函数处理程序中，您要显示控制元素和隐藏加载程序。就是这样，很简单：）
类似的问题