jQuery——AJAX(一)

时间:2023-03-09 17:27:04
jQuery——AJAX(一)

jQuery.ajax(options):通过HTTP请求加载远程数据,

参数:options(可选),ajax请求设置。所有选项都是可选的。

返回值:XMLHttpRequest

 function Login() {

             $.ajax({
type: "GET",
url: "/Login/LoginOn",
data: { userName: $('#username').val(), passWord: $('#password').val() },
dateType: 'json',
beforeSend: function (XMLHttpRequest) {
},
success: function (data, textStatus) {
if (data == 'Fail') {
alert('用户名或密码错误!');
} else {
window.location.href = '/Home/Home';
}
},
complete: function (XMLHttpRequest, textStatus) {
//HideLoading();
},
error: function () {
//请求出错处理
}
});
}

上图主要选项注释:

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) 默认设置下,所有请求均为异步请求。