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