# 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();
~~~