### 异步请求 $.ajax(url, \[settings\]) 概述：通过 HTTP 请求加载远程数据。 * url：一个用来包含发送请求的 URL 字符串。 * settings：请求设置。 | 参数名称 | 说明 | | --- | --- | | async | 布尔值，表示请求是否异步处理。默认是 true。 | | beforeSend(xhr) | 发送请求前运行的函数。 | | cache | 布尔值，表示浏览器是否缓存被请求页面。默认是 true。 | | complete(xhr,status) | 请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后）。 | | contentType | 发送数据到服务器时所使用的内容类型。默认是："application/x-www-form-urlencoded"。 | | context | 为所有 AJAX 相关的回调函数规定 "this" 值。 | | data | 规定要发送到服务器的数据。 | | dataFilter(data,type) | 用于处理 XMLHttpRequest 原始响应数据的函数。 | | dataType | 预期的服务器响应的数据类型。 | | error(xhr,status,error) | 如果请求失败要运行的函数。 | | global | 布尔值，规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。 | | ifModified | 布尔值，规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。 | | jsonp | 在一个 jsonp 中重写回调函数的字符串。 | | jsonpCallback | 在一个 jsonp 中规定回调函数的名称。 | | password | 规定在 HTTP 访问认证请求中使用的密码。 | | processData | 布尔值，规定通过请求发送的数据是否转换为查询字符串。默认是 true。 | | scriptCharset | 规定请求的字符集。 | | success(result,status,xhr) | 当请求成功时运行的函数。 | | timeout | 设置本地的请求超时时间（以毫秒计）。 | | traditional | 布尔值，规定是否使用参数序列化的传统样式。 | | type | 规定请求的类型（GET 或 POST）。 | | url | 规定发送请求的 URL。默认是当前页面。 | | username | 规定在 HTTP 访问认证请求中使用的用户名。 | | xhr | 用于创建 XMLHttpRequest 对象的函数。 | ~~~ // 保存数据到服务器，成功时显示信息。 $.ajax({ type: "POST", url: "some.do", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); // 获取服务器数据 $.ajax({ type: "GET", url: "some.do", dataType: "json", success: function(result) { console.log(result); } }); ~~~ ## $.get(url, \[data\], \[fn\], \[type\]) 概述：通过远程 HTTP GET 请求载入信息。 * url：待载入页面的 URL 地址 * data：待发送 Key/value 参数。 * callback：载入成功时回调函数。 * type：返回内容格式，xml, html, script, json, text, \_default。 ~~~ $.get("test.php"); // 请求 test.php 网页，忽略返回值。 // 请求 test.php 网页，传送 2 个参数，忽略返回值。 $.get("test.php", {name: "John", time: "2pm"}); // 显示 test.php 返回值。 $.get("test.php", function(data){ alert("Data Loaded: " + data); }); ~~~ ## $.getJSON(url, \[data\], \[callback\]) 概述：通过 HTTP GET 请求载入 JSON 数据。 * url：发送请求地址。 * data：待发送 Key/value 参数。 * callback：载入成功时回调函数。 ~~~ // 从 test.do 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据。 $.getJSON("test.do", function(json){ alert("JSON Data: " + json.users[3].name); }); ~~~ ## $.getScript(url, \[callback\]) 概述：通过 HTTP GET 请求载入并执行一个 JavaScript 文件。 * url：待载入 JS 文件地址。 * callback：成功载入后回调函数。 ## $.post(url, \[data\], \[fn\], \[type\]) 概述：通过远程 HTTP POST 请求载入信息。 * url：待载入页面的 URL 地址 * data：待发送 Key/value 参数。 * callback：载入成功时回调函数。 * type：返回内容格式，xml, html, script, json, text, \_default。 ~~~ // 请求 test.php 页面，并一起发送一些额外的数据 $.post("test.php", {name: "John", time: "2pm"}); // 使用 ajax 请求发送表单数据 $.post("test.php", $("#testform").serialize()); // 向页面 test.php 发送数据，并输出结果 $.post("test.php", {name: "John", time: "2pm"}, function(data){ alert("Data Loaded: " + data); }); ~~~