Ajax 相關(guān)函數(shù)
Ajax 相關(guān)函數(shù)
jQuery 提供了一些相關(guān)函數(shù)能夠輔助 Ajax 函數(shù)。
1. jQuery.ajaxSetup( options )
無返回值
說明:
設(shè)置全局 AJAX 默認 options 選項。
講解:
有時我們希望設(shè)置頁面上所有 Ajax 屬性的默認行為.那么就可以使用此函數(shù)設(shè)置options選項, 此后所有的 Ajax 請求的默認options將被更改。
比如在頁面加載時, 我使用下面的代碼設(shè)置 Ajax 的默認 option 選項:
$.ajaxSetup({ url: "../data/AjaxGetMethod.aspx", data: { "param": "ziqiu.zhang" }, global: false, type: "POST", success: function(data, textStatus) { $("#divResult").html(data); }});
此后我們可以使用無參數(shù)的get(),post()或者ajax()方法發(fā)送 ajax 請求.完整的示例代碼如下:
<!doctype html><html><head>
<meta charset="utf-8"/>
<title>jQuery Ajax - Load</title>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function() {
$.ajaxSetup({
url: "../data/AjaxGetMethod.aspx",
data: { "param": "ziqiu.zhang" },
global: false,
type: "POST",
success: function(data, textStatus) {
$("#divResult").html(data);
}
});
$("#btnAjax").click(function(event) { $.ajax(); });
$("#btnGet").click(function(event) { $.get(); });
$("#btnPost").click(function(event) { $.post(); });
$("#btnGet2").click(function(event) { $.get("../data/AjaxGetMethod.aspx",{ "param": "other" }); });
}); </script></head> <body>
<button id="btnAjax">nontransfer param call ajax() method</button><br />
<button id="btnGet">nontransfer param call get() method</button><br />
<button id="btnPost">nontransfer param call post() method</button><br />
<button id="btnGet2">transfer param call get() method , use global default callback</button><br />
<br />
<div id="divResult"></div>
</body>
</html>注意當(dāng)使用get()或者post()方法時,除了 type 參數(shù)將被重寫為GET或者POST外, 其他參數(shù)只要不傳遞都是使用默認的全局option。如果傳遞了某一個選項, 比如最后一個按鈕傳遞了url和參數(shù),則本次調(diào)用會以傳遞的選項為準(zhǔn)。沒有傳遞的選項比如回調(diào)函數(shù)還是會使用全局option設(shè)置值。
2.serialize( )
Returns:?String
說明:
序列表表格內(nèi)容為字符串，用于 Ajax 請求。
序列化最常用在將表單數(shù)據(jù)發(fā)送到服務(wù)器端時。被序列化后的數(shù)據(jù)是標(biāo)準(zhǔn)格式, 可以被幾乎所有的服務(wù)器端支持。
為了盡可能正常工作, 要求被序列化的表單字段都有 name 屬性, 只有一個 eid 是無法工作的。
像這樣寫 name 屬性:?<input id="email" name="email" type="text" />
講解:
serialize()函數(shù)將要發(fā)送給服務(wù)器的form中的表單對象拼接成一個字符串。便于我們使用 Ajax 發(fā)送時獲取表單數(shù)據(jù)。這和一個form按照Get方式提交時, 自動將表單對象的名/值放到url上提交差不多。
3.serializeArray( )
Returns:?Array< Object>
說明：
使用此函數(shù)獲取到的是 JSON 對象,但是 jQuery 中沒有提供將 JSON 對象轉(zhuǎn)化為 JSON 字符串的方法。因此需要借助于插件，如原文中提到的jquery.json這個插件
