jQuery——AJAX(一)
jQuery.ajax(options):通过HTTP请求加载远程数据,
参数:options(可选),ajax请求设置。所有选项都是可选的。
返回值:XMLHttpRequest
1 function Login() { 2 3 $.ajax({ 4 type: "GET", 5 url: "/Login/LoginOn", 6 data: { userName: $('#username').val(), passWord: $('#password').val() }, 7 dateType: 'json', 8 beforeSend: function (XMLHttpRequest) { 9 }, 10 success: function (data, textStatus) { 11 if (data == 'Fail') { 12 alert('用户名或密码错误!'); 13 } else { 14 window.location.href = '/Home/Home'; 15 } 16 }, 17 complete: function (XMLHttpRequest, textStatus) { 18 //HideLoading(); 19 }, 20 error: function () { 21 //请求出错处理 22 } 23 }); 24 }
上图主要选项注释:
type(String): 请求方式("GET"或是“POST”),默认是“GET”。注意:其他HTTP请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。
url (String) : (默认: 当前页地址) 发送请求的地址。
data (Object,String) : 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后
dataType (String) : 预期服务器返回的数据类型。
如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含 script 元素。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。
"json": 返回 JSON 数据
beforeSend: 向服务器发送请求前执行一些动作
success (Function) : 请求成功后回调函数。参数:服务器返回数据,数据格式
function (data,statusText) { }:传入返回的数据、描述状态的字符串”success”
complete: 请求完成后回调函数 (请求成功或失败之后均调用)
error (Function) : (默认: 自动判断 (xml 或 html)) 请求失败时调用时间
async (Boolean) : (默认: true) 默认设置下,所有请求均为异步请求。