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

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。