Ajax等待返回结果时,

Posted 2023-02-17 afterrains

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

[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>