ajax 是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術。
在繼續學習之前,需要對下面的知識有基本的了解:
html / xhtml
css
javascript / dom
這是自己在學習b/s的時候發現這幾部分的知識是有很大的聯系的,以便于可以更好的了解ajax的。
1.1 什麼是 ajax ?
ajax = 異步 javascript 和 xml。
ajax 是一種用于建立快速動态網頁的技術。
通過在背景與伺服器進行少量資料交換,ajax 可以使網頁實作異步更新。這意味着可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。
傳統的網頁(不使用 ajax)如果需要更新内容,必需重載整個網頁面。
有很多使用 ajax 的應用程式案例:新浪微網誌、google 地圖、開心網等等。
1.2 google suggest
在 2005 年,google 通過其 google suggest 使 ajax 變得流行起來。
google suggest 使用 ajax 創造出動态性極強的 web 界面:當您在谷歌的搜尋框輸入關鍵字時,javascript 會把這些字元發送到伺服器,然後伺服器會傳回一個搜尋建議的清單。
ajax 基于已有的标準。這些标準已被大多數開發者使用多年。
請閱讀下面這個執行個體,看看 ajax 是如何工作的!
二.ajax 執行個體
為了可以更好地了解 ajax 的工作原理,建立了一個小型的 ajax 應用程式。
上面的 ajax 應用程式包含一個 div 和一個按鈕。
div 部分用于顯示來自伺服器的資訊。當按鈕被點選時,它負責調用名為 loadxmldoc() 的函數:
接下來,在頁面的 head 部分添加一個 <script> 标簽。該标簽中包含了這個 loadxmldoc() 函數:
三.學習小結
ajax = asynchronous javascript and xml(異步的 javascript 和 xml);
ajax 不是新的程式設計語言,而是一種使用現有标準的新方法;
ajax 是與伺服器交換資料并更新部分網頁的藝術,在不重新加載整個頁面的情況下。