Ajax請求設定預設的值
阿新 • • 發佈：2019-01-25
使用jQuery的$.ajaxSetup方法可以設定AJAX請求的預設引數選項，當程式中需要發起多個AJAX請求時，則不用再為每一個請求配置請求的引數。
$.ajaxSetup方法語法
|
$.ajaxSetup(properties) |
|
|
引數 |
|
|
properties |
(物件)物件例項，其屬性定義一組預設的AJAX屬性。這些屬性與前面講述的$.ajax函式屬性相同。 |
|
返回值 |
未定義 |
需要注意的是用$.ajaxSetup函式所設定的預設值不會應用到load()命令上。對於實用工具函式，如$.get()和$.post()，其HTTP方法不會因為使用這些預設值而被覆蓋。設定GET的預設型別不會導致$.post()使用HTTP的GET方法。
$.ajaxSetup({
data: {
name:value
}
});
看個例子
客戶端程式碼：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
<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>
|