jquery实现ajax加载超时提示的方法


Posted in Javascript onJuly 23, 2016

本文实例讲述了jquery实现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="点击加载"/>
    <div id="tips"></div>
  </body>
<html>

result.php

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

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中也使用$美元符号来代替document.getElementById
Jun 19 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
Aug 08 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
jquery实现一个简单好用的弹出框
Sep 26 Javascript
纯Javascript实现ping功能的方法
Mar 20 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
Jun 08 Javascript
Windows下Node.js安装及环境配置方法
Sep 18 Javascript
node简单实现一个更改头像功能的示例
Dec 29 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 Javascript
Webpack中loader打包各种文件的方法实例
Sep 03 Javascript
Vue.js自定义指令学习使用详解
Oct 19 Javascript
数据结构中的各种排序方法小结(JS实现)
Jul 23 #Javascript
js的各种排序算法实现(总结)
Jul 23 #Javascript
js事件驱动机制 浏览器兼容处理方法
Jul 23 #Javascript
javaScript事件机制兼容【详细整理】
Jul 23 #Javascript
基于bootstrap实现广告轮播带图片和文字效果
Jul 22 #Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
Jul 22 #Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
Jul 22 #Javascript
You might like
Yii2实现ActiveForm ajax提交
2017/05/26 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
表单元素事件 (Form Element Events)
2009/07/17 Javascript
[原创]js获取数组任意个不重复的随机数组元素
2010/03/15 Javascript
Jquery练习之表单验证实现代码
2010/12/14 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
2013/10/18 Javascript
详解JavaScript数组和字符串中去除重复值的方法
2016/03/07 Javascript
用JS实现图片轮播效果代码(一)
2016/06/26 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
jQuery自定义插件详解及实例代码
2016/12/29 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
2017/01/03 Javascript
Web制作验证码功能实例代码
2017/06/19 Javascript
详解javascript appendChild()的完整功能
2018/08/18 Javascript
webpack之引入图片的实现及问题
2018/10/08 Javascript
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
利用Python的装饰器解决Bottle框架中用户验证问题
2015/04/24 Python
python实现对excel进行数据剔除操作实例
2017/12/07 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
python 调用钉钉机器人的方法
2019/02/20 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
python实现企业微信定时发送文本消息的示例代码
2020/11/24 Python
利用HTML5 Canvas制作一个简单的打飞机游戏
2015/05/11 HTML / CSS
一加手机美国官方网站:OnePlus美国
2019/09/19 全球购物
会议活动邀请函
2014/01/27 职场文书
临床医师个人自我评价
2014/04/06 职场文书
老人再婚离婚协议书范本
2014/10/27 职场文书
护林员个人总结
2015/03/04 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
车间统计员岗位职责
2015/04/14 职场文书
学校捐书倡议书
2015/04/27 职场文书
环保主题班会教案
2015/08/13 职场文书
OpenCV实现普通阈值
2021/11/17 Java/Android