什么是ajax以及它的工作原理

1.什么是AJAX?

AJAX全稱為“Asynchronous JavaScript and XML”(異步JavaScript和XML)碘举,是一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術(shù)棕叫。它使用:

使用XHTML+CSS來標準化呈現(xiàn)砰嘁;

使用XML和XSLT進行數(shù)據(jù)交換及相關(guān)操作;

使用XMLHttpRequest對象與Web服務器進行異步數(shù)據(jù)通信箱锐;

使用Javascript操作Document Object Model進行動態(tài)顯示及交互窜醉;

使用JavaScript綁定和處理所有數(shù)據(jù)缚甩。

2.AJAX的工作原理

Ajax的工作原理相當于在用戶和服務器之間加了—個中間層(AJAX引擎),使用戶操作與服務器響應異步化。并不是所有的用戶請求都提交給服務器,像—些數(shù)據(jù)驗證和數(shù)據(jù)處理等都交給Ajax引擎自己來做, 只有確定需要從服務器讀取新數(shù)據(jù)時再由Ajax引擎代為向服務器提交請求弊决。

Ajax其核心有JavaScript噪舀、XMLHTTPRequest、DOM對象組成飘诗,通過XmlHttpRequest對象來向服務器發(fā)異步請求与倡,從服務器獲得數(shù)據(jù),然后用JavaScript來操作DOM而更新頁面昆稿。這其中最關(guān)鍵的一步就是從服務器獲得請求數(shù)據(jù)纺座。讓我們來了解這幾個對象。

(1).XMLHTTPRequest對象

Ajax的一個最大的特點是無需刷新頁面便可向服務器傳輸或讀寫數(shù)據(jù)(又稱無刷新更新頁面),這一特點主要得益于XMLHTTP組件XMLHTTPRequest對象溉潭。

(2).JavaScript

JavaScript是一在瀏覽器中大量使用的編程語言净响。

(3).DOM Document Object Model

DOM是給HTML和XML文件使用的一組API。它提供了文件的結(jié)構(gòu)表述喳瓣,讓你可以改變其中的內(nèi)容及可見物别惦。其本質(zhì)是建立網(wǎng)頁與Script或程序語言溝通的橋梁。所有WEB開發(fā)人員可操作及建立文件的屬性夫椭、方法及事件都以對象來展現(xiàn)(例如掸掸,document就代表“文件本身“這個對像,table對象則代表HTML的表格對象等等)。這些對象可以由當今大多數(shù)的瀏覽器以Script來取用扰付。一個用HTML或XHTML構(gòu)建的網(wǎng)頁也可以看作是一組結(jié)構(gòu)化的數(shù)據(jù)堤撵,這些數(shù)據(jù)被封在DOM(Document Object Model)中,DOM提供了網(wǎng)頁中各個對象的讀寫的支持羽莺。

(4).XML

可擴展的標記語言(Extensible Markup Language)具有一種開放的实昨、可擴展的、可自描述的語言結(jié)構(gòu)盐固,它已經(jīng)成為網(wǎng)上數(shù)據(jù)和文檔傳輸?shù)臉藴?用于其他應用程序交換數(shù)據(jù) 荒给。

(5).綜合

Ajax引擎,實際上是一個比較復雜的JavaScript應用程序刁卜,用來處理用戶請求志电,讀寫服務器和更改DOM內(nèi)容。JavaScript的Ajax引擎讀取信息蛔趴,并且互動地重寫DOM挑辆,這使網(wǎng)頁能無縫化重構(gòu),也就是在頁面已經(jīng)下載完畢后改變頁面內(nèi)容孝情,這是我們一直在通過JavaScript和DOM在廣泛使用的方法鱼蝉,但要使網(wǎng)頁真正動態(tài)起來,不僅要內(nèi)部的互動箫荡,還需要從外部獲取數(shù)據(jù)魁亦,在以前,我們是讓用戶來輸入數(shù)據(jù)并通過DOM來改變網(wǎng)頁內(nèi)容的羔挡,但現(xiàn)在洁奈,XMLHTTPRequest,可以讓我們在不重載頁面的情況下讀寫服務器上的數(shù)據(jù)婉弹,使用戶的輸入達到最少睬魂。

Ajax使WEB中的界面與應用分離(也可以說是數(shù)據(jù)與呈現(xiàn)分離),而在以前兩者是沒有清晰的界限的镀赌,數(shù)據(jù)與呈現(xiàn)分離的分離氯哮,有利于分工合作、減少非技術(shù)人員對頁面的修改造成的WEB應用程序錯誤商佛、提高效率喉钢、也更加適用于現(xiàn)在的發(fā)布系統(tǒng)。也可以把以前的一些服務器負擔的工作轉(zhuǎn)嫁到客戶端良姆,利于客戶端閑置的處理能力來處理肠虽。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市玛追,隨后出現(xiàn)的幾起案子税课,更是在濱河造成了極大的恐慌闲延,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,406評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件韩玩,死亡現(xiàn)場離奇詭異垒玲,居然都是意外死亡,警方通過查閱死者的電腦和手機找颓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,395評論 3 398
  • 文/潘曉璐 我一進店門合愈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人击狮,你說我怎么就攤上這事佛析。” “怎么了彪蓬?”我有些...
    開封第一講書人閱讀 167,815評論 0 360
  • 文/不壞的土叔 我叫張陵寸莫,是天一觀的道長。 經(jīng)常有香客問我寞焙,道長储狭,這世上最難降的妖魔是什么互婿? 我笑而不...
    開封第一講書人閱讀 59,537評論 1 296
  • 正文 為了忘掉前任捣郊,我火速辦了婚禮,結(jié)果婚禮上慈参,老公的妹妹穿的比我還像新娘呛牲。我一直安慰自己,他們只是感情好驮配,可當我...
    茶點故事閱讀 68,536評論 6 397
  • 文/花漫 我一把揭開白布娘扩。 她就那樣靜靜地躺著,像睡著了一般壮锻。 火紅的嫁衣襯著肌膚如雪琐旁。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,184評論 1 308
  • 那天猜绣,我揣著相機與錄音灰殴,去河邊找鬼。 笑死掰邢,一個胖子當著我的面吹牛牺陶,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播辣之,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼掰伸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了怀估?” 一聲冷哼從身側(cè)響起狮鸭,我...
    開封第一講書人閱讀 39,668評論 0 276
  • 序言:老撾萬榮一對情侶失蹤合搅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后歧蕉,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體历筝,經(jīng)...
    沈念sama閱讀 46,212評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,299評論 3 340
  • 正文 我和宋清朗相戀三年廊谓,在試婚紗的時候發(fā)現(xiàn)自己被綠了梳猪。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,438評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡蒸痹,死狀恐怖春弥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情叠荠,我是刑警寧澤匿沛,帶...
    沈念sama閱讀 36,128評論 5 349
  • 正文 年R本政府宣布,位于F島的核電站榛鼎,受9級特大地震影響逃呼,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜者娱,卻給世界環(huán)境...
    茶點故事閱讀 41,807評論 3 333
  • 文/蒙蒙 一抡笼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧黄鳍,春花似錦推姻、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,279評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至忍燥,卻和暖如春拧晕,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背梅垄。 一陣腳步聲響...
    開封第一講書人閱讀 33,395評論 1 272
  • 我被黑心中介騙來泰國打工厂捞, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人哎甲。 一個月前我還...
    沈念sama閱讀 48,827評論 3 376
  • 正文 我出身青樓蔫敲,卻偏偏與公主長得像,于是被迫代替她去往敵國和親炭玫。 傳聞我的和親對象是個殘疾皇子奈嘿,可洞房花燭夜當晚...
    茶點故事閱讀 45,446評論 2 359

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