如何显示＆＃39;请等待＆＃39; Ajax加载的GIF图像

Question

我使用Ajax向Web服务器发送请求，但希望向用户显示GIF图像，表明他们要等到请求完成。

是否可以帮我修改此代码，以便在发送请求时加载GIF图像。

jQuery(document).submit(function(e){
    var create_acct_form = jQuery(e.target);
    if(create_acct_form .is("#createacctform")){ // check if this is the form that you want (delete this check to apply this to all forms)
        e.preventDefault();
        jQuery.ajax({
            type: "POST",
            url: create_acct_form .attr("action"), 
            data: create_acct_form .serialize(), // serializes the form's elements.
            success: function(data) {
                console.log(data);
                if( data.status == 'error' ) {
                    // error handling, show data.message or what you want.
                } else {
                    // same as above but with success
                    $("#createacctform")[0].reset();
                    $("#create_acct-info").html(data)
                }  
             }
        });
    }
});

Answer 1

您可以添加ajaxStart和ajaxEnd处理程序，并可以像这样显示您的加载图片：

$(document)
  .ajaxStart(function() {

    $(Some Image).show();
  })
  .ajaxStop(function() {

    $(Some Image).hide();
  });