jQuery中Ajax的get、post等方法詳解_jquery

load()方法通常用來從Web服務器上獲取靜態的數據文件，然而這并不能體現ajax的全部價值。

在項目中，如果需要傳遞一些參數給服務器中的頁面，那么可以使用$.get()或者$.post()方法(或者是$.ajax()方法)

$.get()方法使用GET方式來進行異步請求。結構為：$.get(url [, data] [, callback] [, type])

$.get()方法參數解釋如下:

參數名稱	類型	說明
url	String	請求的HTML頁的URL地址
data(可選)	Object	發送至服務器的key/value數據會作為QueryString附加到請求URL中
callback(可選)	Function	載入成功時回調函數(只有當Response的返回狀態是success才調用該方法)自動將請求結果和狀態傳遞給該方法
type(可選)	String	服務器端返回內容的格式，包括xml、html、script、json、text和_default

$.post()方法。

$.post()和$.get()方法的結構和使用方式相同，不過它們之間仍然有以下區別：

GET請求會將參數跟在URL后進行傳遞，而POST請求則是作為HTTP消息的實體內容發送給Web服務器。
GET方式對傳輸的數據有大小限制(通常不大于2KB)，而使用POST方式傳遞的數據量要比GET方式大得多(理論上不受限制)
GET方式請求的數據會被瀏覽器緩存起來，因此其他人就可以從瀏覽器的歷史記錄中讀取到這些數據，例如賬號和密碼等。在某種情況下，GET方式會帶來嚴重的安全性問題，而POST方式相對來說可以避免這些問題
GET方式和POST方式傳遞的數據在服務器端的獲取也不相同。

$.getScript()：jQuery提供了此方法來直接加載js文件，與加載一個HTML片段一樣簡單方便，并且不需要對JavaScript文件進行處理，JavaScript文件會自動執行。

jQuery代碼如下：

代碼如下:
$(function () {
$("#send").click(function () {
$.getScript("test.js");
});
})

與其他ajax方法一樣，$.getScript()方法也有回調函數，它會在JavaScript文件載入成功后運行。

例如：想載入jQuery官方顏色動畫插件(jquery.color.js)，成功后給元素綁定顏色變化動畫：

代碼如下:

xml：返回XML文檔，可用jQuery處理

html：返回純文本HTML信息；包含的script標簽會在插入DOM時執行

script：返回純文本JavaScript代碼。不會自動緩存結果。除非設置了cache參數。注意在遠程請求時(不在同一個域下)，所有POST請求都將轉為GET請求。

json：返回JSON數據

jsonp：JSONP格式。使用JSONP形式調用函數時，例如myurl?callback=?，jQuery將自動替換后一個”?“為正確的函數名，以執行回調函數。

text：返回純文本字符串

beforeSend Function

發送請求前可以修改XMLHttpRequest對象的函數，例如添加自定義HTTP頭。在beforeSend中如果返回false可以取消本次Ajax請求。XMLHttpRequest對象是唯一的參數。

function(XMLHttpRequest) {

　　this;//調用本次Ajax請求時傳遞的options參數

}

complete Function

請求完成后調用的回調函數(請求成功或失敗時均調用)

參數：XMLHttpRequest對象和一個描述成功請求類型的字符串。

function(XMLHttpRequest, textStatue){

　　this;//調用本次Ajax請求時傳遞的options參數

}

success Function

請求成功后調用的回調函數，有兩個參數。

(1)由服務器返回，并根據dataType參數進行處理后的數據

(2)描述狀態的字符串

function(data, textStatus) {

　　//data可能是xmlDoc、jsonObj、html、text等

　　this;//調用本次Ajax請求時傳遞的options參數

}

error Function

請求失敗時被調用的函數。該函數有3個參數，即XMLHttpRequest對象、錯誤信息、捕獲的錯誤對象(可選)。

Ajax事件函數如下：

function(XMLHttpRequest, textStatus, errorThrown) {

　　//通常情況下textStatus和errorThrown只有其中一個包含信息

　　this;//調用本次Ajax請求時傳遞的options參數

}

global Boolean 默認為true。表示是否觸發全局Ajax事件。設置為false將不會觸發全局Ajax事件，AjaxStart或AjaxStop可用于控制各種Ajax事件

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com