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