JQuery AJAX

話(huà)不多少柠傍,上代碼

var href = "http://" + window.location.host;
$.ajax({
    username:"",//規(guī)定在 HTTP 訪(fǎng)問(wèn)認(rèn)證請(qǐng)求中使用的用戶(hù)名
    password:"",//規(guī)定在 HTTP 訪(fǎng)問(wèn)認(rèn)證請(qǐng)求中使用的密碼
    type: "Get",//規(guī)定請(qǐng)求的類(lèi)型(GET 或 POST)。
    url: href + "/ChangeOrder/AjaxHandler.ashx",//規(guī)定發(fā)送請(qǐng)求的 URL饱溢。默認(rèn)是當(dāng)前頁(yè)面遏匆。
    data: "method=getMoney&serialId=" + serialid,//規(guī)定要發(fā)送到服務(wù)器的數(shù)據(jù)叁征。
    async: false,//布爾值尸红,表示請(qǐng)求是否異步處理吱涉。默認(rèn)是 true。
    error: function (res) {//如果請(qǐng)求失敗要運(yùn)行的函數(shù)外里。error(xhr,status,error)
        alert(res.status + " " + res.statusText);
    },
    success: function (res) {//當(dāng)請(qǐng)求成功時(shí)運(yùn)行的函數(shù)怎爵。success(result,status,xhr)
        alert(res);
    }
});

jQuery load()

jQuery load() 方法是簡(jiǎn)單但強(qiáng)大的 AJAX 方法。

$(selector).load(URL,data,callback);

也可以把 jQuery 選擇器添加到 URL 參數(shù)级乐。

下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內(nèi)容疙咸,加載到指定的 <div> 元素中:

$("#div1").load("/try/ajax/demo_test.txt #p1");

可選的 callback 參數(shù)規(guī)定當(dāng) load() 方法完成后所要允許的回調(diào)函數(shù)县匠》缈疲回調(diào)函數(shù)可以設(shè)置不同的參數(shù):

  • responseTxt - 包含調(diào)用成功時(shí)的結(jié)果內(nèi)容
  • statusTXT - 包含調(diào)用的狀態(tài)
  • xhr - 包含 XMLHttpRequest 對(duì)象
$("#div1").load("/try/ajax/demo_tes11t.txt",function(responseTxt,statusTxt,xhr){
  if(statusTxt=="success")
    alert("外部?jī)?nèi)容加載成功!");
  if(statusTxt=="error")
    alert("Error: "+xhr.status+": "+xhr.statusText);
});

Get和Post

jQuery $.get() 方法

$.get() 方法通過(guò) HTTP GET 請(qǐng)求從服務(wù)器上請(qǐng)求數(shù)據(jù)

$.get(URL,callback);

$.get(url,function(data,status){
    alert("數(shù)據(jù): " + data + "\n狀態(tài): " + status);
});

$.get() 的第一個(gè)參數(shù)是我們希望請(qǐng)求的 URL("demo_test.php")。
第二個(gè)參數(shù)是回調(diào)函數(shù)乞旦。第一個(gè)回調(diào)參數(shù)存有被請(qǐng)求頁(yè)面的內(nèi)容贼穆,第二個(gè)回調(diào)參數(shù)存有請(qǐng)求的狀態(tài)。

jQuery $.post() 方法

$.post() 方法通過(guò) HTTP POST 請(qǐng)求從服務(wù)器上請(qǐng)求數(shù)據(jù)兰粉。

$.post(URL,data,callback); 

$.post(
    url,
    {
        name:"菜鳥(niǎo)教程",
        url:"http://www.runoob.com"
    },
    function(data,status){
    alert("數(shù)據(jù): \n" + data + "\n狀態(tài): " + status);
    }
);

$.post() 的第一個(gè)參數(shù)是我們希望請(qǐng)求的URL故痊。

第二個(gè)參數(shù)data,我們連同請(qǐng)求(name 和 url)一起發(fā)送數(shù)據(jù)到url接口玖姑,接口對(duì)它們進(jìn)行處理愕秫,然后返回結(jié)果。

第三個(gè)參數(shù)是回調(diào)函數(shù)焰络。第一個(gè)回調(diào)參數(shù)存有被請(qǐng)求頁(yè)面的內(nèi)容戴甩,而第二個(gè)參數(shù)存有請(qǐng)求的狀態(tài)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末闪彼,一起剝皮案震驚了整個(gè)濱河市甜孤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖缴川,帶你破解...
    沈念sama閱讀 223,002評(píng)論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件茉稠,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡把夸,警方通過(guò)查閱死者的電腦和手機(jī)而线,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)恋日,“玉大人吞获,你說(shuō)我怎么就攤上這事⊙璞桑” “怎么了各拷?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,787評(píng)論 0 365
  • 文/不壞的土叔 我叫張陵,是天一觀(guān)的道長(zhǎng)闷营。 經(jīng)常有香客問(wèn)我烤黍,道長(zhǎng),這世上最難降的妖魔是什么傻盟? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,237評(píng)論 1 300
  • 正文 為了忘掉前任速蕊,我火速辦了婚禮,結(jié)果婚禮上娘赴,老公的妹妹穿的比我還像新娘规哲。我一直安慰自己,他們只是感情好诽表,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布唉锌。 她就那樣靜靜地躺著,像睡著了一般竿奏。 火紅的嫁衣襯著肌膚如雪袄简。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,821評(píng)論 1 314
  • 那天泛啸,我揣著相機(jī)與錄音绿语,去河邊找鬼。 笑死候址,一個(gè)胖子當(dāng)著我的面吹牛吕粹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播岗仑,決...
    沈念sama閱讀 41,236評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼匹耕,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了赔蒲?” 一聲冷哼從身側(cè)響起泌神,我...
    開(kāi)封第一講書(shū)人閱讀 40,196評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤良漱,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后欢际,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體母市,經(jīng)...
    沈念sama閱讀 46,716評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評(píng)論 3 343
  • 正文 我和宋清朗相戀三年损趋,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了患久。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,928評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡浑槽,死狀恐怖蒋失,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情桐玻,我是刑警寧澤篙挽,帶...
    沈念sama閱讀 36,583評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站镊靴,受9級(jí)特大地震影響铣卡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜偏竟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評(píng)論 3 336
  • 文/蒙蒙 一煮落、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧踊谋,春花似錦蝉仇、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,755評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至嫌褪,卻和暖如春呀枢,著一層夾襖步出監(jiān)牢的瞬間胚股,已是汗流浹背笼痛。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,869評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留琅拌,地道東北人缨伊。 一個(gè)月前我還...
    沈念sama閱讀 49,378評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像进宝,于是被迫代替她去往敵國(guó)和親刻坊。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • jQuery - AJAX 簡(jiǎn)介 AJAX 是與服務(wù)器交換數(shù)據(jù)的藝術(shù)党晋,它在不重載全部頁(yè)面的情況下谭胚,實(shí)現(xiàn)了對(duì)部分網(wǎng)頁(yè)...
    鹿守心畔光閱讀 813評(píng)論 0 6
  • 之前在思維導(dǎo)圖中介紹過(guò)集中請(qǐng)求Ajax的方法徐块,但是只是匆匆說(shuō)過(guò),最近看了一本書(shū)灾而,覺(jué)得介紹的比較詳細(xì)胡控,這里結(jié)合筆者自...
    范小飯_閱讀 33,348評(píng)論 23 252
  • jQuery ajax - ajax() 方法 http://www.w3school.com.cn/jquery...
    光劍書(shū)架上的書(shū)閱讀 1,163評(píng)論 0 15
  • 沒(méi)有學(xué)Ajax之前,就在想這到底是一門(mén)什么技術(shù)旁趟,問(wèn)自己什么是Ajax昼激?Ajax有哪些重點(diǎn)概念?Ajax如何運(yùn)用锡搜?聽(tīng)...
    張延偉閱讀 2,028評(píng)論 0 8
  • AJAX是與服務(wù)器交換數(shù)據(jù)的技術(shù)橙困,能讓我們?cè)诓恢匦录虞d整個(gè)網(wǎng)頁(yè)的情況下,實(shí)現(xiàn)對(duì)部分網(wǎng)頁(yè)的更新耕餐。 AJAX = 異步...
    噫那里有條咸魚(yú)閱讀 300評(píng)論 0 0