jquery实现ajax加载超时提示的方法
2016-07-29来源:易贤网

本文实例讲述了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程序设计有所帮助。

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息