jQuery - 函式 $.ajaxSetup 的說明和使用

襲冷發表於2018-09-17
jQuery函式

一、說明

    方法jQuery.ajaxSetup(settings)是一個全域性函式，用於設定Ajax請求的全域性預設設定

    設定之後執行的所有Ajax請求，如果對應的選項引數沒有設定，將使用其更改後的預設設定，但不對$.get()和$.post()的http請求方式產生影響

    引數settings是一個包含零個或多個鍵值對的JavaScript物件；settings中可以識別的屬性，與jQuery.ajax()中的一致

 

二、示例

    <script type="text/javascript">
    
	     $().ready(function(){
	
	          $.ajaxSetup({
	
	                type: "POST" , 
	                timeout: 3000,
	                dataType: 'text',
	
	                headers: { // 自定義請求頭
	                     "Author": "xl" ,
	                     "Degist": "YmFzZTY0IOino+eggS/nvJbnoIE=",
	                } ,
	                
	                //請求成功後觸發
	                success: function (data) { $('#msg').append('success invoke! data:' + data + '<br/>'); },
	                //請求失敗遇到異常觸發
	                error: function (xhr, status, e) { $('#msg').append('error invoke! status:' + status+'<br/>'); },
	                //完成請求後觸發,即在success或error觸發後觸發
	                complete: function (xhr, status) { $('#msg').append('complete invoke! status:' + status+'<br/>'); },
	                //傳送請求前觸發
	                beforeSend: function (xhr) {
	                     //比如在這裡自定義請求頭
	                     xhr.setRequestHeader('Content-Type', 'application/xml;charset=utf-8');
	                     $('#msg').append('before invoke!' +'<br/>');
	                }
	
	          });
	             
	          $('#btn').click(function(){
	
	                $.get(
	                     "http://localhost:8080/TstAjax/TstAjax", 
	                     function(data, status){$('#msg').append('resp data:' + data + '<br/>');}
	                );
	
	          });
	          
	     });
    
    </script>
     <body>
          <button id="btn">Button</button>
          <div id="msg" style="width: 500px; background-color: #F7F7F7;" />
     </body>

 

 

 

 

 

相關文章