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