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

 更新时间:2016年07月23日 10:41:53   作者:coder  
这篇文章主要介绍了jquery实现ajax加载超时提示的方法,涉及jQuery中load方法的ajax加载超时设置与提示信息处理技巧,需要的朋友可以参考下

本文实例讲述了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用法总结》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结

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

相关文章

  • jQuery基础学习技巧总结

    jQuery基础学习技巧总结

    jQuery基础学习技巧总结...
    2007-06-06
  • jQuery多级手风琴菜单实例讲解

    jQuery多级手风琴菜单实例讲解

    这篇文章主要介绍了jQuery实现多级手风琴菜单,菜单效果更有特色,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • jQuery 表格工具集

    jQuery 表格工具集

    本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。这些插件很多都包含详细的教程。
    2010-04-04
  • 读jQuery之七 判断点击了鼠标哪个键的代码

    读jQuery之七 判断点击了鼠标哪个键的代码

    jQuery中的which即可以是键盘的键值,也可以是鼠标的键值。
    2011-06-06
  • jQuery阻止事件冒泡具体实现

    jQuery阻止事件冒泡具体实现

    冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件,有需要的朋友可以参考一下
    2013-10-10
  • 教你用jquery实现iframe自适应高度

    教你用jquery实现iframe自适应高度

    iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,今天我们就来分享2种使用jquery实现iframe自适应高度的代码
    2014-06-06
  • 可输入文字查找ajax下拉框控件 ComBox的实现方法

    可输入文字查找ajax下拉框控件 ComBox的实现方法

    下面小编就为大家带来一篇可输入文字查找ajax下拉框控件 ComBox的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 解决3.01版的jquery.form.js中文乱码问题的解决方法

    解决3.01版的jquery.form.js中文乱码问题的解决方法

    最近用到了jquery的一个fom插件,是一个全面支持表单的jQuery插件。昨天在用ajaxSubmit进行Form Post提交的时候,发现服务器端取回的中文数据居然是乱码。这个可能是因为jquery是utf-8,不支持gb2312
    2012-03-03
  • 读jQuery之四(优雅的迭代)

    读jQuery之四(优雅的迭代)

    前面提到jQuery库如何通过其中的jQuery.extend及jQuery.fn.extend去扩展自身的。第三篇给zChain.js添加了常用选择器,但目前为止zChain.js仍然做不了任何事情。
    2011-06-06
  • jqGrid日期格式的判断示例代码(开始日期与结束日期)

    jqGrid日期格式的判断示例代码(开始日期与结束日期)

    jqGrid日期格式的判断示例代码(开始日期与结束日期)。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11

最新评论