首页 > 建站教程 > JS、jQ、TS >  jQuery ajax加载动画实现,jQuery ajax beforeSend正文

jQuery ajax加载动画实现,jQuery ajax beforeSend

jQuery ajax 加载动画
jQuery ajax 加载动画

        jQuery ajax是一个非常实用的ajax工具,在数据加载完成之前,做加载动画也非常简单。具体就不介绍了,直接上jQuery代码,所有的解释都放在代码的注释中:
$.ajax({
url : '?act=reg&t='+Math.random(),	//url传参
type: 'POST',	//数据发送的方式 get/post
data:  "user="+encodeURIComponent(input_value),   //数据
dataType: 'json',	//ajax回调的格式 一般为json,必须要加,可以是json、text、等等
beforeSend:function(){
	//在发送数据前执行的内容,比如加入加载动画
},
success: function(result){  
	//回调函数,result就是处理文件最终会显示输出到浏览器的内容,包括看不见的标签
alert(result);
},
error:function(){
	//失败后执行的内容
}
complete:function(){
	//完成或失败后,执行的内容,比如移除加载动画,提示错误等
}
});
          点击查看:jQuery ajax 加载动画(由于数据比较小,所以,加载动画可能一瞬间就完成了,可以ctrl+F5多看几次)