jquery中ajax超时怎么处理

发布网友发布时间：2022-04-23 23:46

共2个回答

懂视网时间：2022-04-23 07:21

这次给大家带来ajax加载超时提示怎样实现，ajax加载超时提示实现的注意事项有哪些，下面就是实战案例，一起来看一下。

index.php

<!doctype html>
<html>
 <head>
 <meta charset="utf-8"/>
 <title>加载超时</title>
 <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7/jquery.min.js"></script>
 </head>
 <body>
 <script type="text/javascript">
 function load(){
 $("#tips").html("加载中...");
 $.ajax({
  async:true,
  cache:false,
  timeout:8000,
  type:"POST",
  url:"result.php",
  data:{a:'123'},
  error:function(jqXHR, textStatus, errorThrown){
  if(textStatus=="timeout"){
  $("#tips").html("加载超时，请重试");
  }else{
  alert(textStatus);
  }
  },
  success:function(msg){
  $("#tips").html(msg);
  }
 });
 }
 </script>
 <input type="button" id="load" onclick="load();" value="点击加载"/>
 <p id="tips"></p>
 </body>
<html>

result.php

<?php
//sleep(20);
sleep(2);
echo $_POST['a'].'test服务器返回结果';

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

ajax可以处理服务器返回哪些数据类型？

怎么操作Ajax返回HTML标签样式

热心网友时间：2022-04-23 04:29

全部栏目

jquery中ajax超时怎么处理