天天看點

AJAX是一門藝術: 基礎篇 一.AJAX 簡介

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是一門藝術: 基礎篇 一.AJAX 簡介
AJAX是一門藝術: 基礎篇 一.AJAX 簡介

上面的 ajax 應用程式包含一個 div 和一個按鈕。

div 部分用于顯示來自伺服器的資訊。當按鈕被點選時,它負責調用名為 loadxmldoc() 的函數:

接下來,在頁面的 head 部分添加一個 <script> 标簽。該标簽中包含了這個 loadxmldoc() 函數:

     三.學習小結

ajax = asynchronous javascript and xml(異步的 javascript 和 xml);

ajax 不是新的程式設計語言,而是一種使用現有标準的新方法;

ajax 是與伺服器交換資料并更新部分網頁的藝術,在不重新加載整個頁面的情況下。

繼續閱讀