jquery发送ajax请求时loading功能的实现

 

ajax的loading功能实现原理是发送请求之前显示loading信息，接收了服务端返回的信息时候将loading信息清掉。
jquery的ajax有一个beforeSend属性，可以给它一个方法显示loading信息：
$.ajax({
   url:'demo.do',
   type: "POST",
   data: ({name:'wang',location:'AJAX'}),
   beforeSend:function(){$("#messageZone").text("loading......");}, //添加loading信息
   success:function(){$("#messageZone").text("");}    //清掉loading信息
});

如果使用jquery.form.js，则有一个beforeSubmit属性，和$.ajax里面的beforeSend作用一样：
   $("#myForm").ajaxSubmit({ 
     dataType:null,
     ",
     method:'post',
     beforeSubmit:function(){$("#messageZone").text("loading......");}, //添加loading信息
     error: function() { 
        $("#messageZone").text(""); //清掉loading信息
      alert("请求出错，请重试"); 
      },       
     success: function(data) { 
       $("#messageZone").text("");     //清掉loading信息
     alert("请求成功，返回"+data); 
     }
    });