Ajax之旅（一）--什麼是Ajax

標籤：style   blog   http   color   使用   ar   java   strong   資料   

     本來在學習DRP，但是無意中發現所附資料中有一些參考書籍，當中就有一個關於Ajax的，看了看，挺好的，於是決定暫停一下DRP，再次學習一下Ajax。記得第一遍學習Ajax的時候認為真的是一團霧水，看了一遍視頻，留下的預計也就僅僅剩下一團霧水了。

     只是這都無所謂，用米老師的一句話說：這都非常正常。由於第一遍的“不懂”，才有了第二遍的“可能懂”。所以，這篇系列部落格就這樣產生了~希望也會對您有所協助。

 

     單說Ajax，好像非常高深的樣子，並且看看百度百科的定義吧：

     AJAX即“Asynchronous Javascript+ XML ”（非同步JavaScript和XML），是指一種建立互動式網頁應用的網頁開發技術。怎麼樣，懂了嗎？反正我是沒有太懂~可是它真的就這麼深奧嗎？我認為不是的，看看以下這個定義你會不會理解吧。

     我認為Ajax就是一門技術，更甚至能夠稱之為一種技巧，用來實現網頁局部更新的技巧。還是不是非常懂？再來看吧，大家應該都用過Google Map吧，當我放大或者縮小地圖來找到須要查詢的位置時，是不是須要重新整理地圖？但是假設不是用Ajax技術，我們須要重新整理所有內容，這須要多大的功夫，效能上肯定是達不到最優，極easy出現--點擊重新整理後，會有漫長的等待，而且等待過程中頁面空白的現象，這樣的情況對於使用者來說，是極不友好的；使用Ajax則能夠讓我們實現所需位置的局部更新，解決問題。

     以下我就以基於Ajax技術的Google Maps應用程式模型為例，來說一說什麼是Ajax，Ajax有什麼作用。

 

     基於Ajax技術的Google Maps應用程式模型主要包含五個層次：

     1.client瀏覽器：就是使用者使用的瀏覽器，我們通過瀏覽器來請求Webserver中的地圖資料，顯示我們所需的地圖資訊。介面例如以下：

     2.Ajax引擎：它處於使用者和server之間，它的任務就是實現頁面無重新整理的傳遞，消除網路互動過程中使用者在得到反響之前僅僅能等待的缺陷。

     3.GoogleMapsserver：在頁面載入之後，顯示從Google Mapsserver中擷取的地圖資料。

     4.Webserver：接受來自於瀏覽器的請求，經過分析處理，返回資料給瀏覽器。

     5.資料庫：儲存對應的資料資訊。

 

     怎麼樣，看了這五個層次，對Ajax的作用有沒有更為理解了？假設還不是非常理解，沒有關係，以下我再來解釋一下。

     上面，我已經通過Ajax在Google Maps中的應用來說明其作用，以下，我再通過一種對照來說明其特性。

     傳統的網頁（不使用AJAX），假設須要更新內容，必須重載整個網頁面。這時若請求server資訊或者server返回資訊較少時，和使用Ajax後的效果對照可能不是非常明顯；但是假設對於像上文中舉例的Google 地圖，它的資料資訊量是相當之大的，假設不使用Ajax，可想像其會出現什麼結果。

     如今的網頁（使用Ajax），通過在後台與server進行少量資料交換，AJAX能夠使網頁實現非同步更新。這意味著能夠在不又一次載入整個網頁的情況下，對網頁的某部分進行更新。

 

     講到這裡，我們對於Ajax是什麼，有什麼作用的理解應該差點兒相同了。那麼Ajax究竟是怎樣實現非同步更新的呢？我們相約在我的下一篇部落格吧~

Ajax之旅（一）--什麼是Ajax