jquery實(shí)現(xiàn)ajax加載超時(shí)提示的方法

字號(hào)： 小 中 大


    本文實(shí)例講述了jquery實(shí)現(xiàn)ajax加載超時(shí)提示的方法。分享給大家供大家參考，具體如下：
    index.php
    <!doctype html>
    <html>
      <head>
        <meta charset="utf-8"/>
        <title>加載超時(shí)</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("加載超時(shí)，請(qǐng)重試");
                }else{
                  alert(textStatus);
                }
              },
              success:function(msg){
                $("#tips").html(msg);
              }
            });
          }
        </script>
        <input type="button" id="load" onclick="load();" value="點(diǎn)擊加載"/>
        <div id="tips"></div>
      </body>
    <html>
    result.php
    <?php
    //sleep(20);
    sleep(2);
    echo $_POST['a'].'test服務(wù)器返回結(jié)果';
    希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。