简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1180 次  日期:2016-07-29 14:25:31

温馨提示:易贤网小编为您整理了“jquery实现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程序设计有所帮助。

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js简单实现调整网页字体大小的方法
下一篇:数据结构中的各种排序方法小结(JS实现)
易贤网手机网站地址:jquery实现ajax加载超时提示的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!