# qury Ajax
# jQuery 中 ajax 方法使用
* async:默認設置下,所有請求均為異步請求。
* contentType:發送信息至服務器時內容編碼類型,默認為 "application/x-www-form-urlencoded"。
* data:發送到服務器的數據,可以為對象或者 Key=value 格式字符串,若為對象則會自動轉換為請求字符串格式。
* type:默認: "GET",其它 HTTP 請求方法,如 PUT 和 DELETE 也可以使用,但取決瀏覽器支持。
* url:發送請求的地址,默認當前頁地址。
* dataType:預期服務器返回的數據類型。如果不指定,jQuery 將自動根據 HTTP 包 MIME 信息來智能判斷,
若響應回來的數據格式是 application/json , 其會自動幫你把 JSON 轉成 JS 對象
比如 XML MIME類型就被識別為 XML,可以不填,可用值:"xml"、"html"、"script"、"json"、"jsonp"、"text"。
* cache:默認為 true(dataType 為 script 和 jsonp 時默認為 false,設置為 false 將禁用緩存。
* context:這個對象用于設置 AJAX 相關回調函數的上下文。也就是說,讓回調函數內 this 的指向(若不指定為當前選項)。
* beforeSend:發送請求前調用此函數,可用與如添加自定義 HTTP 頭,檢查請求參數是否合法。XMLHttpRequest 對象是唯一的參數。若在函數中返回 false 可以取消本次請求。
# $.ajax() $.get() $.post()
# jQuery 中 load 方法使用
載入遠程 HTML 文件代碼并插入至 DOM 中。
~~~
$("#id").load('url');
~~~
# 全局 AJAX 事件處理器
$.ajaxSetup(\[options\]):設置全局 AJAX 默認選項。$(document).ajaxStart(fn):在 AJAX 請求剛開始時執行一個處理函數。$(document).ajaxSend(fn):在 AJAX 請求發送之前綁定一個要執行的函數。$(document).ajaxSuccess(fn):綁定一個函數當 AJAX 請求成功完成時執行。$(document).ajaxError(fn):當 AJAX 請求出錯時注冊一個回調處理函數。$(document).ajaxComplete(fn):當 AJAX 請求完成后注冊一個回調函數。$(document).ajaxStop(fn):在AJAX 請求完成時執行一個處理函數。
~~~
// 設置 AJAX 請求默認地址為 "/xmlhttp/",禁止觸發全局 AJAX 事件,
用 POST 代替默認 GET 方法。其后的 AJAX 請求不再設置任何選項參數。
$.ajaxSetup({
? url: "/xmlhttp/",
? global: true, // 設置這個下面的全局函數才會起作用
? type: "POST"
});
// 設置全局請求成功的回調函數
$(document).ajaxSuccess(function(data){
? ?console.log(data);
});
?
$.ajax({data: {username:'zs', password:'12345'}});
?
~~~
# jQuery 中 表單序列化
* serialize():序列表表格內容為字符串。
* serializeArray():序列化表格元素返回 JSON 數據結構數據。
~~~
$('#form').serialize();
$('#form').serializeArray();
~~~