編輯“Ajax-Web應(yīng)用的發(fā)展歷程”（章節(jié)）

== Netflix的瀏覽頁(yè)面特性 ==
 


關(guān)鍵在于，因特網(wǎng)默認(rèn)的請(qǐng)求/響應(yīng)模式有了重大轉(zhuǎn)變，這正是Ajax的核心所在，盡管這并非全新的內(nèi)容。Web應(yīng)用開(kāi)發(fā)人員現(xiàn)在可以自由地與服務(wù)器異步交互，這說(shuō)明他們可以完成許多原本只能在胖客戶(hù)上完成的任務(wù)。例如，當(dāng)用戶(hù)輸入郵政編碼時(shí)，可以驗(yàn)證它是否正確，然后自動(dòng)用相應(yīng)的城市名和州名填充到表單中的其他部分；或者，當(dāng)用戶(hù)選擇美國(guó)時(shí)，可以引入美國(guó)各個(gè)州的一個(gè)下拉列表。以前也可以用其他方式模擬這些工作，但是使用Ajax的話(huà)，這些工作會(huì)更加簡(jiǎn)單。<br>

那么，是誰(shuí)發(fā)明了Ajax？要找出真正的源頭，總免不了一場(chǎng)爭(zhēng)論。不過(guò)有一點(diǎn)是確定的，2005年2月，Adaptive Path的Jesse James Garrett最早創(chuàng)造了這個(gè)詞。在他的文章Ajax: A New Approach to Web Applications（Ajax：Web應(yīng)用的一種新方法）中，Garrett討論了如何消除胖客戶(hù)（或桌面）應(yīng)用與瘦客戶(hù)（或Web）應(yīng)用之間的界限。當(dāng)然，當(dāng)Google在Google Labs發(fā)布Google Maps和Google Suggest時(shí)，這個(gè)技術(shù)才真正為人所認(rèn)識(shí)，而且此前已經(jīng)有許多這方面的文章了。但確實(shí)是Garrett最早提出了這個(gè)好名字，否則我們就得啰啰嗦嗦地說(shuō)上一大堆：異步（Asynchronous）、XMLHttpRequest、JavaScript、CSS、DOM等等。盡管原來(lái)把Ajax認(rèn)為是Asynchronous JavaScript + XML（異步JavaScript + XML）的縮寫(xiě)，但如今，這個(gè)詞的覆蓋面有所擴(kuò)展，把允許瀏覽器與服務(wù)器通信而無(wú)需刷新當(dāng)前頁(yè)面的技術(shù)都涵蓋在內(nèi)。<br>

你可能會(huì)說(shuō)：“哦，那有什么大不了的？”這么說(shuō)吧，使用XHR而且與服務(wù)器異步通信，就能創(chuàng)建更加動(dòng)態(tài)的Web應(yīng)用。例如，假設(shè)你有一個(gè)下拉列表，它是根據(jù)另外一個(gè)域或下拉列表的輸入來(lái)填寫(xiě)的。在正常情況下，必須在加載第一個(gè)頁(yè)面時(shí)把所有數(shù)據(jù)都發(fā)送給客戶(hù)端，然后使用JavaScript根據(jù)輸入來(lái)填寫(xiě)下拉列表。這么做并不困難，但是會(huì)讓頁(yè)面變得很臃腫，取決于這個(gè)下拉列表到底有多“動(dòng)態(tài)”，頁(yè)面有可能膨脹得過(guò)大，從而出現(xiàn)問(wèn)題。利用Ajax，當(dāng)作為觸發(fā)源的域有變化，或者失去了輸入焦點(diǎn)，就可以向服務(wù)器發(fā)一個(gè)簡(jiǎn)單的請(qǐng)求，只要求得到更新下拉列表所需的部分信息即可。<br>

來(lái)單獨(dú)考慮一下驗(yàn)證。你寫(xiě)過(guò)多少次JavaScript驗(yàn)證邏輯？用Java或C#編寫(xiě)驗(yàn)證邏輯可能很簡(jiǎn)單，但是由于JavaScript缺乏很好的調(diào)試工具，再加上它是一種弱類(lèi)型語(yǔ)言，所以用JavaScript編寫(xiě)驗(yàn)證邏輯實(shí)在是一件讓人頭疼的事情，而且很容易出錯(cuò)。服務(wù)器上還很有可能重復(fù)這些客戶(hù)端驗(yàn)證規(guī)則。使用XHR，可以對(duì)服務(wù)器做一個(gè)調(diào)用，觸發(fā)某一組驗(yàn)證規(guī)則。這些規(guī)則可能比你用JavaScript編寫(xiě)的任何規(guī)則都更豐富、更復(fù)雜，而且你還能得到功能強(qiáng)大的調(diào)試工具和集成開(kāi)發(fā)環(huán)境（IDE）。<br>

你現(xiàn)在可能又會(huì)說(shuō)：“這些事情我早已經(jīng)用IFRAME或隱藏框架做到了?！蔽覀兩踔吝€使用這種技術(shù)來(lái)提交或刷新過(guò)頁(yè)面的一部分，而不是整個(gè)瀏覽器（頁(yè)面）。不能不承認(rèn)，這確實(shí)可行。不過(guò)，許多人認(rèn)為這種方法只是一種修補(bǔ)手段，以彌補(bǔ)XHR原來(lái)缺乏對(duì)跨瀏覽器的支持。作為Ajax的核心，XHR對(duì)象設(shè)計(jì)為允許從服務(wù)器異步地獲取任意的數(shù)據(jù)。<br>

我們討論過(guò)，傳統(tǒng)的Web應(yīng)用遵循一種請(qǐng)求/響應(yīng)模式。如果沒(méi)有Ajax，對(duì)于每個(gè)請(qǐng)求都會(huì)重新加載整個(gè)頁(yè)面（或者利用IFRAME，則是部分頁(yè)面）。原來(lái)查看的頁(yè)面會(huì)放到瀏覽器的歷史棧中（不過(guò)，如果使用了IFRAME，點(diǎn)擊“后退”按鈕不一定能得到用戶(hù)期望的歷史頁(yè)面）。與此不同，用XHR做出的請(qǐng)求不會(huì)記錄在瀏覽器的歷史中。如果你的用戶(hù)習(xí)慣于使用“后退”按鈕在Web應(yīng)用中進(jìn)行導(dǎo)航，就可能會(huì)產(chǎn)生問(wèn)題。<br>
[[category:Ajax]]