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

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

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

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