### 異步請求 $.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); }); ~~~