一，$.get(url,[data],[callback])

說明：url為請求地址，data為請求數(shù)據(jù)的列表，callback為請求成功后的回調(diào)函數(shù)，該函數(shù)接受兩個參數(shù)，第一個為服務(wù)器返回的數(shù)據(jù)，第二個參數(shù)為服務(wù)器的狀態(tài)，是可選參數(shù)。

而其中，服務(wù)器返回?cái)?shù)據(jù)的格式其實(shí)是字符串形勢，并不是我們想要的json數(shù)據(jù)格式，在此引用只是為了對比說明
$.get("data.php",$("#firstName.val()"),function(data){$("#getResponse").html(data); }//返回的data是字符串類型);

二，$.post(url,[data],[callback],[type])

說 明：這個函數(shù)跟$.get()參數(shù)差不多，多了一個type參數(shù)，type為請求 的數(shù)據(jù)類型，可以是html,xml,json等類型，如果我們設(shè)置這個參數(shù)為：json，那么返回的格式則是json格式的，如果沒有設(shè)置，就 和$.get()返回的格式一樣，都是字符串的
$.post("data.php",$("#firstName.val()"),function(data){$("#postResponse").html(data.name);},"json"http://設(shè)置了獲取數(shù)據(jù)的類型，所以得到的數(shù)據(jù)格式為json類型的);

三，$.ajax(opiton)

說明：$.ajax()這個函數(shù)功能強(qiáng)大，可以對ajax進(jìn)行許多精確的控制，需要詳細(xì)說明的請參照相關(guān)資料
$.ajax({url: "ajax/ajax_selectPicType.aspx",data:{Full:"fu"},type: "POST",dataType:'json',success:CallBack,error:function(er){BackErr(er);}});

四，$.getJSON(url,[data],[callback])

$.getJSON("data.php",$("#firstName.val()"),function(jsonData){$("#getJSONResponse").html(jsonData.id);}//無需設(shè)置，直接獲取的數(shù)據(jù)類型為json，所以調(diào)用時需要使用jsonData.id方式);

When Ajax meets jQuery 基于AJAX的應(yīng)用現(xiàn)在越來越多，而對于前臺開發(fā)人員來說，直接和底層的HTTPRequest打交道又不是一件令人愉快的事情。jQuery既然封裝了 JavaScript，肯定已經(jīng)考慮過AJAX應(yīng)用的問題。的確，如果用jQuery寫AJAX會比直接用JS寫方便N倍。（不知道用jQuery長了， 會不會喪失對JS的知識了……） 這里假設(shè)大家對jQuery語法已經(jīng)比較熟悉，來對ajax的一些應(yīng)用作一些總結(jié)。

載入靜態(tài)頁面

load( url, [data], [callback] ); url (String) 請求的HTML頁的URL地址
data (Map)(可選參數(shù)) 發(fā)送至服務(wù)器的 key/value 數(shù)據(jù)
callback (Callback) (可選參數(shù)) 請求完成時(不需要是success的)的回調(diào)函數(shù)
load()方法可以輕松載入靜態(tài)頁面內(nèi)容到指定jQuery對象。$('#ajax-div').load('data.html');
這樣，data.html的內(nèi)容將被載入到ID為ajax-div的DOM對象之內(nèi)。你甚至可以通過制定ID來實(shí)現(xiàn)載入部分內(nèi)容的Ajax操作，如：
$('#ajax-div').load('data.html#my-section');

實(shí)現(xiàn)GET和POST方法

get( url, [data], [callback] ) url (String) 發(fā)送請求的URL地址.

data (Map)(可選參數(shù)) 要發(fā)送給服務(wù)器的數(shù)據(jù)，以 Key/value 的鍵值對形式表示，會做為QueryString附加到請求URL中
callback (Callback) (可選參數(shù)) 載入成功時回調(diào)函數(shù)(只有當(dāng)Response的返回狀態(tài)是success才是調(diào)用該方法)

很顯然這是一個專門實(shí)現(xiàn)GET方式的函數(shù)，使用起來也相當(dāng)?shù)暮唵?/p>

$.get('login.php', { id : 'Robin', password: '123456', gate : 'index' }, function(data, status) { //data為返回對象，status為請求的狀態(tài) alert(data); //此時假設(shè)服務(wù)器腳本會返回一段文字"你好，Robin！"，那么瀏覽器就會彈出對話框顯示該段文字 alert(status); //結(jié)果為success, error等等，但這里是成功時才能運(yùn)行的函數(shù) });post( url, [data], [callback], [type] ) url (String) 發(fā)送請求的URL地址.data (Map)(可選參數(shù)) 要發(fā)送給服務(wù)器的數(shù)據(jù)，以 Key/value 的鍵值對形式表示callback (Callback) (可選參數(shù)) 載入成功時回調(diào)函數(shù)(只有當(dāng)Response的返回狀態(tài)是success才是調(diào)用該方法)type (String) (可選參數(shù)) 請求數(shù)據(jù)的類型，xml,text,json等同樣是jQuery提供的一個簡便函數(shù)，其實(shí)用法$.post('regsiter.php', { id:'Robin', password: '123456', type:'user' },function(data, status) { alert(data); }, "json");

事件驅(qū)動的腳本載入函數(shù)：getScript()

getScript( url, [callback] ) url (String) 待載入 JS 文件地址

callback (Function) (可選) 成功載入后回調(diào)函數(shù)

getScript() 函數(shù)可以遠(yuǎn)程載入JavaScript腳本并且執(zhí)行。這個函數(shù)可以跨 域載入JS文件（神奇……？！）。這個函數(shù)的意義是巨大 的，它可以很大程度的縮減頁面初次載入的代碼量，因?yàn)槟憧梢愿鶕?jù)用戶的交互來載入相應(yīng)的JS文件，而不必在頁面初始化的時候全部載入。

$.getScript('ajaxEvent.js', function() { alert("Scripts Loaded!"); //載入ajaxEvent.js，并且在成功載入后顯示對話框提示。 });

構(gòu)建數(shù)據(jù)通訊的橋梁：getJSON()

getJSON(url,[data],[callback]) url (String) 發(fā)送請求地址

data (Map) (可選) 待發(fā)送 Key/value 參數(shù)

callback (Function) (可選) 載入成功時回調(diào)函數(shù)。

JSON 是一種理想的數(shù)據(jù)傳輸格式，它能夠很好的融合與JavaScript或其他宿主語 言，并且可以被JS直接使用。使用JSON相比傳統(tǒng)的通過 GET、POST直接發(fā)送”裸體”數(shù)據(jù)，在結(jié)構(gòu)上更為合理，也更為安全。至于jQuery的getJSON()函數(shù)，只是設(shè)置了JSON參數(shù)的 ajax()函數(shù)的一個簡化版本。

這個函數(shù)也是可以跨域使用的，相比get()、post()有一定優(yōu)勢。另外這個函數(shù)可以通過把請求url寫 成”myurl?callback=X”這種格式，讓程序執(zhí)行回調(diào)函數(shù)X。

$.getJSON('feed.php',{ request: images, id: 001, size: large }, function(json) { alert(json.images[0].link); //此處json就是遠(yuǎn)程傳回的json對象，假設(shè)其格式如下： //{'images' : [ // {link: images/001.jpg, x :100, y : 100}, // {link: images/002.jpg, x : 200, y 200:} //]}; } );

更底層的ajax()函數(shù)

雖然get()和post()函數(shù)非常簡潔易用，但是對于更復(fù)雜的一些設(shè)計(jì)需求還是無法實(shí)現(xiàn)，比如在ajax發(fā)送的不同時段做出不同的動作等。jQuery提供一個更為具體的函數(shù)：ajax()。

ajax( options ) ajax()提供了一大票參數(shù)，所以可以實(shí)現(xiàn)相當(dāng)復(fù)雜的功能。

你 可以指定xml、script、html、json作為其數(shù)據(jù)類型，可以為beforeSend、error、sucess、complete等狀態(tài)設(shè)置 處理函數(shù)，眾多其它參數(shù)也可以訂完完全全定義用戶的Ajax體驗(yàn)。下面的例子中，我們用ajax()來調(diào)用一個XML文檔：

$.ajax({ url: 'doc.xml', type: 'GET', dataType: 'xml', timeout: 1000, error: function(){ alert('Error loading XML document'); }, success: function(xml){ alert(xml); //此處xml就是XML的jQuery對象了，你可以用find()、next()或XPath等方法在里面尋找節(jié)點(diǎn)，和用jQuery操作HTML對象沒有區(qū)別 }});

進(jìn)一步了解AJAX事件

前面討論的一些方法都有自己的事件處理機(jī)制，從頁面整體來說，都只能說是局部函數(shù)。jQuery提供了AJAX全局函數(shù)的定義，以滿足特殊的需求。下面是jQuery提供的所有函數(shù)（按照觸發(fā)順序排列如下）：

ajaxStart (全局事件) 開始新的Ajax請求，并且此時沒有其他ajax請求正在進(jìn)行 beforeSend (局部事件) 當(dāng)一個Ajax請求開始時觸發(fā)。如果需要，你可以在這里設(shè)置XMLHttpRequest對象 ajaxSend (全局事件) 請求開始前觸發(fā)的全局事件 success (局部事件) 請求成功時觸發(fā)。即服務(wù)器沒有返回錯誤，返回的數(shù)據(jù)也沒有錯誤 ajaxSuccess 全局事件全局的請求成功 error (局部事件) 僅當(dāng)發(fā)生錯誤時觸發(fā)。

你無法同時執(zhí)行success和error兩個回調(diào)函數(shù) ajaxError 全局事件全局的發(fā)生錯誤時觸發(fā) complete (局部事件) 不管你請求成功還是失敗，即便是同步請求，你都能在請求完成時觸發(fā)這個事件 ajaxComplete 全局事件全局的請求完成時觸發(fā) ajaxStop (全局事件) 當(dāng)沒有Ajax正在進(jìn)行中的時候，觸發(fā)局部事件在之前的函數(shù)中都有介紹，我們主要來看看全局事件。對某個對象進(jìn)行全局事件監(jiān)聽，那么全局中的AJAX動作，都會對其產(chǎn)生影響。比如，當(dāng)頁面在進(jìn)行AJAX操作時，ID為”loading”的DIV就顯示出來：

$("#loading").ajaxStart(function(){ $(this).show(); });

全局事件也可以幫助你編寫全局的錯誤相應(yīng)和成功相應(yīng)，而不需要為每個AJAX請求獨(dú)立設(shè)置。有必要指出，全局事件的參數(shù)是很有用的。除了 ajaxStart、ajaxOptions，其他事件均有event, XMLHttpRequest, ajaxOptions三個參數(shù)。第一個參數(shù)即事件本身；第二個是XHR對象；第三個是你傳遞的ajax參數(shù)對象。在一個對象里顯示全局的AJAX情況：

$("#msg").beforeSend(function(e,xhr,o) { $(this).html("正在請求"+o.url); }).ajaxSuccess(function(e,xhr,o) { $(this).html(o.url+"請求成功"); }).ajaxError(function(e,xhr,o) { $(this).html(o.url+"請求失敗");});

很顯然，第三個參數(shù)也可以幫助你傳遞你在AJAX事件里加入的自定義參數(shù)。
在單個AJAX請求時，你可以將global的值設(shè)為false，以將此請求獨(dú)立于AJAX的全局事件。

$.ajax({ url: "request.php", global: false, // 禁用全局Ajax事件. });

如果你想為全局AJAX設(shè)置參數(shù)，你會用上ajaxSetup()函數(shù)。

例如，將所有AJAX請求都傳遞到request.php，；禁用全局方法；強(qiáng)制用POST方法傳遞：

$.ajaxSetup({ url: "request.php", global: false, type: "POST"});

一些你不得不知道的方法

寫AJAX肯定離不開從頁面獲取相應(yīng)的值。在這里簡單列舉一些方法：

val() val()函數(shù)可以返回表單組建的值，例如任何種類input的值。

配合選擇符操作，你可以輕易獲取選項(xiàng)組、輸入框、按鈕等元素的值。

$("input[name='info']:text").val();//返回名字為info的文本框的值$("input[name='pass']:password").val();//返回名字為pass的密碼框的值$("input[name='save']:radio").val();//返回名字為save的單選項(xiàng)的值//以此類推serialize() serialize函數(shù)可以幫你把表單對象的所有值都轉(zhuǎn)換為字符串序列。

如果你要寫GET格式的請求，這個就非常方便了。

serializeArray() 和serialize()類似，只不過它返回的是JSON對象。

以上所述是小編給大家介紹的詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！