编程 Javascript

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程序设计有所帮助。

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

- Author -

coder

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

判断控件是否已加载完成的代码

Feb 24 Javascript

javascript中的107个基础知识收集整理推荐

Mar 29 Javascript

jQuery获取css z-index在各种浏览器中的返回值

Sep 15 Javascript

jQuery lazyload 的重复加载错误以及修复方法

Nov 19 Javascript

IE6、IE7中获取Button元素的值的bug说明

Aug 28 Javascript

浅析hasOwnProperty方法的应用

Nov 20 Javascript

用JS动态改变表单form里的action值属性的两种方法

May 25 Javascript

深入分析javascript中console命令

Aug 14 Javascript

ES6使用Set数据结构实现数组的交集、并集、差集功能示例

Oct 31 Javascript

vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】

Mar 16 Javascript

亲自动手实现vue日历控件

Jun 26 Javascript

Vue路由之JWT身份认证的实现方法

Aug 26 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

PHP 操作文件的一些FAQ总结

2009/02/12 PHP

防止本地用户用fsockopen DDOS攻击对策

2011/11/02 PHP

php去除换行符的方法小结(PHP_EOL变量的使用)

2013/02/16 PHP

php设计模式之迭代器模式实例分析【星际争霸游戏案例】

2020/04/07 PHP

Some tips of wmi scripting in jscript (1)

2007/04/03 Javascript

JavaScript replace(rgExp,fn)正则替换的用法

2010/03/04 Javascript

JavaScript 基础篇之对象、数组使用介绍（三）

2012/04/07 Javascript

仅IE支持clearAttributes/mergeAttributes方法使用介绍

2012/05/04 Javascript

javascript检测对象中是否存在某个属性判断方法小结

2013/05/19 Javascript

JS阻止冒泡事件以及默认事件发生的简单方法

2014/01/17 Javascript

一个实用的图片切换支持点击切换和自动轮播

2014/09/09 Javascript

javascript中createElement的两种创建方式

2015/05/14 Javascript

JavaScript高级教程5.6之基本包装类型(详细)

2015/11/23 Javascript

javascript执行环境及作用域详解

2016/05/05 Javascript

郁闷!ionic中获取ng-model绑定的值为undefined如何解决

2016/08/27 Javascript

Vue组件选项props实例详解

2017/08/18 Javascript

Vue resource三种请求格式和万能测试地址

2018/09/26 Javascript

vuex根据不同的用户权限展示不同的路由列表功能

2019/09/20 Javascript

关于angular浏览器兼容性问题的解决方案

2020/07/26 Javascript

python获取Linux下文件版本信息、公司名和产品名的方法

2014/10/05 Python

Python文件读取的3种方法及路径转义

2015/06/21 Python

Python实现嵌套列表及字典并按某一元素去重复功能示例

2017/11/30 Python

对Python实现累加函数的方法详解

2019/01/23 Python

Django使用中间件解决前后端同源策略问题

2019/09/02 Python

Python获取excel内容及相关操作代码实例

2020/08/10 Python

python 偷懒技巧——使用 keyboard 录制键盘事件

2020/09/21 Python

Python爬虫自动化获取华图和粉笔网站的错题(推荐)

2021/01/08 Python

举例详解CSS3中的Transition

2015/07/15 HTML / CSS

世界上最大的罕见唱片、CD和音乐纪念品网上商店：991.com

2018/05/03 全球购物

俄罗斯三星品牌商店：Samsungstore

2020/04/05 全球购物

什么是servlet

2012/05/08 面试题

秋季运动会活动方案

2014/02/05 职场文书

上市公司财务总监岗位职责

2015/04/03 职场文书

党员干部廉洁自律承诺书

2015/04/28 职场文书

2015年秋学期教研工作总结

2015/10/14 职场文书

一文搞懂Golang 时间和日期相关函数

2021/12/06 Golang