AJAX是一中運用JavaScript和可擴展編輯語言（XML），在網路瀏覽器和伺服器之間傳送或接收數據的技術。 AJAX的工作原理相當與在用戶和伺服器之間加了一個中間層，使用戶請求與伺服器響應非同步化。這樣還可以把以前的一些伺服器負擔的工作轉交給客戶端，利用客戶端閑置的處理能力來處理，減輕伺服器和寬頻的負擔。 AJAX是WEB2.0的核心之一．AJAX技術運用與瀏覽器中，使向伺服器索取網頁的部分信息成為可能． XMLHttpRequest對象 XMLHttpRequest提供客戶端同HTTP伺服器非同步通信的協議．通過這個協議，AJAX可以使頁面象桌面程序一樣同伺服器端進行數據層面的交換，而不必每次都刷新頁面，也不用每次都將數據處理的工作都交給伺服器來做，這樣既減輕了伺服器負擔又加快了響應速度，縮短了用戶等待的時間． XMLHttpRequest對象的方法： Abort() 停止當前請求 getAllResponseHeaders() 返回HTTP請求的所有響應頭部的鍵/值字元串 getResponseHeader("header") 返回指定頭部屬性的字元串值 Open("method", "url") 建立對伺服器的調用。Method參數可以是GET POST PUT, url參數可以是相對URL或絕對對 URL Send(content) 向伺服器發送請求 setRequestHeader("header","value") 為指定頭部屬性設置指定值 XMLHttpRequest對象的屬性： Onreadystatechange 狀態改變的時間觸發器，通常綁定一個JavaScript 函數，每當狀態發生改變時，就調用該函數 readyState 請求的狀態，有5個可取值： 0 = 未初始化 1 = 讀取中 2 = 已讀取 3 = 交互中 4 = 完成 responseText 從伺服器返回的文本形式的響應內容 responseXML 從伺服器返回的兼容DOM的XML文檔對象 Status 從伺服器返回的狀態碼，例如404="文件找不到" 200 = "成功" statusText 從伺服器返回的狀態文本信息，例如OK或Not Found(未找到) DOM是面向HTML和XML文檔的一組API，它為文檔提供了結構化的表示，並定義了如何通過腳本（JavaScript）來訪問文檔結構。如果沒有DOM，JavaScript根本就不存在Web頁面和構成頁面元素的概念。文檔中的每個元素都是DOM的一部分，可通過JavaScript來訪問這些元素的屬性和方法，實現動態編輯頁面的功能。 這裡所說的DOM是符合W3C標準的文檔對象模型，它以樹型結構表示HTML和XML文檔，並定義可操作這個樹及其節點的一系列方法和屬性。在網路瀏覽器端，通過JavaScript利用DOM提供的API來操作HTML和XML文檔。 1.操作HTML文檔 HTML文檔各個節點在DOM中被視為個種類型的Node對象.而且每個 Node對象都有自己的屬性和方法,通常利用這些屬性和方法來遍歷或動態編輯整個樹。 操作HTML文檔的常用DOM方法： getElementById(isIDValue) 返迴文檔中具有指定id屬性的元素 getElementByTabName(isTagName) 返回當前元素中有指定標記名的子元素 的數組 appendChild(childNode) 在當前節點的childNodes[]組中增加一個 節點childNode cloneNode(false | true) false表示僅複製當前節點；true表示複製 當前節點以及它的所有子孫節點 hasChildNodes() 判斷當前節點是否擁有子節點，有則返回 true insertBefore(newNode,targetNode) 將節點newNode作為當前元素的子節點 插到targetNode元素前面 removeChild(childNode) 從文檔樹中刪除子節點childNode resplaceChild(newNode,oldNode) 將節點oldNode替換為節點newNode getAttribute(sAttrName) 返回指定屬性的字元串值 setAttribute(sAttriName, vAttrValue) 把指定的屬性設置為鎮定的字元串值，如 果該屬性不存在則添加一個新屬性 removeAttribute(sAttrName) 從元素中刪除屬性sAttrName 操作HTML文檔的常用DOM屬性： Attributes 如果該節點是一個Element,則以NamedNodeMap 形式返回該元素的屬性 childNodes 以Node[]的形式存放當前節點的子節點，如果沒 有子節點，則返回空數組 firstChild 以Node的形式返回當前節點的第一個子節點，如 果沒有子節點，則為null lastChild 以Node的形式返回當前節點的最後一個節點，如 果沒有子節點，則為null nextSibling 以Node的形式返回當前節點的兄弟下一個節點， 如果沒有這樣的節點，則返回null nodeName 節點的名字，Element節點則代表Element的標記 名稱 nodeType 代表節點的類型 parentNode 以Node的形式返回當前節點的父親節點，如果沒 有父親節點，則為null previoiusSibling 以Node的形式返回緊挨當前節點，位於它之前的 兄弟節點。如果沒有這樣的節點，則返回null 操作XML文檔 在數據的表示和交換方面XML文檔更具優勢，針對XML的訪問和操作，DOM也用樣提供了一系列的API。利用這些API，可方便地從XML文檔中讀取數據信息，動態創建展示這些數據信息的HTML頁面。 操作XML文檔，通常遵循以下4個步驟： 載入整個XML文檔 從XML文檔中提取數據信息 對提取的信息進行加工處理 創建包含處理結果的HTML頁面展示給用戶 遍歷XML文檔的常用DOM方法: getElementById(sIDValue) 返迴文檔中具體指定id屬性的元素 getElementByTabName(sTagName) 返回當前元素中有指定標記名的子元素的數 組 hasChildNodes() 判斷當前節點是否擁有子節點,有則返回true getAttribute(sAttrName) 返回指定屬性的字元串值 操作XML文檔的常用DOM屬性: childNodes 以Node[]的形式存放當前節點的子節點,如果沒有子節點,則 返回空數組 firstChild 以Node的形式返回當前節點的第一個子節點,如果沒有子 節點,則為null lastChild 以Node的形式返回當前節點的最後一個子節點,如果沒有 這樣的節點,則返回null nextSibling 以Node的形式返回當前節點的兄弟下一個節點， 如果沒有這樣的節點，則返回null nodeName 節點的名字，Element節點則代表Element的標記 名稱 nodeType 代表節點的類型 parentNode 以Node的形式返回當前節點的父親節點，如果沒 有父親節點，則為null previoiusSibling 以Node的形式返回緊挨當前節點，位於它之前的 兄弟節點。如果沒有這樣的節點，則返回null
推薦閱讀：