Ajax等待返回结果时,

通过调用一个函数展示有好的动画效果

[html] view plain copy print ?

1. <script type="text/javascript">    
2.     
3. function test_ajax(){    
4.    $.ajax(    
5.    {    
6.       type:"GET",//通常会用到两种：GET,POST。默认是：GET    
7.       url:"a.php",//(默认: 当前页地址) 发送请求的地址    
8.       dataType:"html",//预期服务器返回的数据类型。    
9.       beforeSend:beforeSend, //发送请求    
10.       success:callback, //请求成功    
11.       error:error,//请求出错     
12.       complete:complete//请求完成    
13.    });    
14. }    
15. function error(XMLHttpRequest, textStatus, errorThrown){    
16.   // 通常情况下textStatus和errorThown只有其中一个有值     
17.   $("#showResult").append("<div>请求出错啦！</div>");    
18. }    
19. function beforeSend(XMLHttpRequest){    
20.   $("#showResult").append("<div><img src='loading.gif' /><div>");    
21. }    
22. function complete(XMLHttpRequest, textStatus){    
23.   $("#showResult").remove();    
24. }    
25. function callback(msg){    
26.   $("#showResult").append("<div>请求成功，回传数:"+msg+"<div>");    
27. }    
28. </script>