Ajax等待返回结果时,

前端之家收集整理的这篇文章主要介绍了Ajax等待返回结果时,前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

猜你在找的Ajax相关文章