jquery Ajax請求中顯示Loading...


jquery Ajax請求中顯示Loading...

$('#btnTest').click(function(){
     $.ajax({
          url ---- ,根據你需要設置url路徑
          type:'post',
          data:'name=Test',
          timeout:15000,
          beforeSend:function(XMLHttpRequest){
              //alert('遠程調用開始...');
              $("#loading").html.("<img src='/jquery/images/loading.gif' />");

       //顯示文字 $("#loading").html.("<img src='/jquery/images/loading.gif' />");
         },
         success:function(data,textStatus){
             alert('開始回調,狀態文本值:'+textStatus+' 返回數據:'+data);
             // $("#loading").empty();
           },
          complete:function(XMLHttpRequest,textStatus){
              // alert('遠程調用成功,狀態文本值:'+textStatus);
             $("#loading").empty();
           },
           error:function(XMLHttpRequest,textStatus,errorThrown){
              alert('error...狀態文本值:'+textStatus+" 異常信息:"+errorThrown);
             $("#loading").empty();
          }
       });
    });

<div id="loading"></div>

< input type="button" id="btnTest" value="Test">

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM