AJAX請求 $.ajaxSetup方法的使用

最後更新：2018-12-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

使用jQuery的$.ajaxSetup方法可以設定AJAX請求的預設參數選項，當程式中需要發起多個AJAX請求時，則不用再為每一個請求配置請求的參數。

$.ajaxSetup方法文法

$.ajaxSetup(properties)
參數
properties	(對象)對象執行個體，其屬性定義一組預設的AJAX屬性。這些屬性與前面講述的$.ajax函數屬性相同。
傳回值	未定義

需要注意的是用$.ajaxSetup函數所設定的預設值不會應用到load()命令上。對於工具 + 生產力函數，如$.get()和$.post()，其HTTP方法不會因為使用這些預設值而被覆蓋。設定GET的預設類型不會導致$.post()使用HTTP的GET方法。

看個例子

用戶端代碼：

<html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script><script type="text/javascript">$().ready(function () {　　var show = $('#show');　　$('#selectNum').change(function () {　　　　var idValue = $(this).val();　　　　$.get('Server.aspx', { id: idValue }, function (data) { show.append(data+'<br/>'); });　　});　　$.ajaxSetup({　　　　timeout: 3000,　　　　dataType: 'html',　　　　//請求成功後觸發　　　　success: function (data) { show.append('success invoke!' + data + '<br/>'); },　　　　//請求失敗遇到異常觸發　　　　error: function (xhr, status, e) { show.append('error invoke! status:' + status+'<br/>'); },　　　　//完成請求後觸發。即在success或error觸發後觸發　　　　complete: function (xhr, status) { show.append('complete invoke! status:' + status+'<br/>'); },　　　　//發送請求前觸發　　　　beforeSend: function (xhr) {　　　　//可以設定自訂標題　　　　xhr.setRequestHeader('Content-Type', 'application/xml;charset=utf-8');　　　　show.append('beforeSend invoke!' +'<br/>');　　　　},　　})})</script></head><body><select id="selectNum">　　<option value="0">--Select--</option>　　<option value="1">1</option>　　<option value="2">2</option>　　<option value="3">3</option></select><div id="show"></div></body></html>

服務端主要代碼：

protected void Page_Load(object sender, EventArgs e){　　if (!Page.IsPostBack)　　{　　　　if (Request["id"] != null && !string.IsNullOrEmpty(Request["id"].ToString()))　　　　{　　　　　　//啟用下面一行代碼則會使ajax請求逾時　　　　　　// System.Threading.Thread.Sleep(4000);　　　　　　Response.Write(GetData(Request["id"].ToString()));　　　　}　　}}protected string GetData(string id){　　string str = string.Empty;　　switch (id)　　{　　　　case "1":　　　　　　str += "This is Number 1";　　　　　　break;　　　　case "2":　　　　　　str += "This is Number 2";　　　　　　break;　　　　case "3":　　　　　　str += "This is Number 3";　　　　　　break;　　　　default:　　　　　　str += "Warning Other Number!";　　　　　　break;　　}　　return str;}

運行程式，結果

Demo下載

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More