
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多看几次)