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); 
     }
    });









