AJAX初級教程之初識AJAX
- 亚连原創
- 2018-05-25 14:38:071336瀏覽
本文是ajax初級教學的第一篇，本系列教學將從實用的角度出發，以最快的速度讓讀者掌握基本的AJAX應用，以最直接的方式展示AJAX技術。本文則講解下AJAX的基礎知識
從剛接觸B/S開發，就耳聞AJAX技術，但一直處於模稜兩可的狀態，大道理明白，一到動手就傻眼了。
AJAX彷彿就是深不可測的技術，成為B/S學習過程中的一個陰影。
直到前些日子，小菜才真正開始AJAX實踐，真正動手了才發現，AJAX並沒有那麼困難，如果不考慮AJAX的變型應用，只考慮AJAX基本應用，它還是相當簡單的，過於複雜的理論阻礙了我們動手的積極性。
因此，本系列教學將從實用的角度出發，以最快的速度讓讀者掌握基本的AJAX應用，以最直接的方式展示AJAX技術。
為了更好的閱讀本系列教程，對讀者有以下要求：
l 熟悉HTML。
l 熟悉HTTP協定。
l 熟悉javascript。
l 熟悉XML。
l 熟悉XML DOM。
AJAX並不是一項新技術，它只是一個新標準。根據小菜個人理解，所謂AJAX技術，即為了實現客戶端和伺服器的後台交互，以xml作為資訊載體，利用javascript進行控制，透過HTTP協定進行交互，達到html介面部分刷新的效果。
下面小談一下這些技術。
HTML沒啥好說的。
HTTP協定內容就比較多了。在AJAX實務中，會涉及到POST、GET方法請求資料、HTTP頭部資訊的建構、資料的解析格式等，主要就是這三項，看看哪個不熟悉，趕快補習吧！不過都很簡單，不要有壓力。
小菜覺得AJAX就是在寫Javascript腳本，javascript負責宣告一個至關重要的XMLHttpRequest對象，這個對象透過POST或GET方法向伺服器發送請求，取得xml的格式的回傳數據，再把xml解析，展示在介面上，這就是AJAX執行過程。
xml無非就是一種資料規範，它可以讓資料有一定結構，這樣一來，方便了資料組織，又方便了資料擴充。
xml的基本組成是元素，也就是HTML中常說的標籤，例如：
這樣一來，xml就可以表示非常豐富、靈活的訊息，甚至可以當成小型資料庫來使用。
在此，小提一下，建議用子元素的方法來擴充元素，例如：
想要用Javascript操作xml，必須了解基本的DOM(Document Object Model)知識。為了方便讀者學習，小菜簡單介紹一下XML DOM。
根據DOM定義，xml中每個成分都是一個節點。根據小菜的理解，成分的意思就是xml的組成。
具體如下：
l 整個文檔是一個文檔節點。
l 每個xml標籤都是一個元素節點。例如
l 包含在xml元素中的文字是文字節點。例如
l xml元素的屬性叫做屬性節點。例如
節點有三個很重要的屬性，分別為：nodeName(節點名稱)、nodeValue(節點值)、nodeType(節點型別)。其中nodeName和nodeValue非常常用，必須搞清楚。
對於nodeName(唯讀)有：
l 元素節點的nodeName與該元素的標籤名稱相同。例如元素
l 屬性節點的nodeName就是屬性名稱。例如
l 文字節點的nodeName是固定的#text字串。例如
對於nodeValue(讀/寫)有：
l 元素節點的nodeValue回傳undefind。例如
l 屬性節點的nodeValue即該屬性的值。例如
l 文字節點的nodeValue即文字本身內容。例如
綜上，可以用一張圖來概括AJAX技術：
上面是我整理給大家的，希望今後會對大家有幫助。
相關文章：
以上是AJAX初級教程之初識AJAX的詳細內容。更多資訊請關注PHP中文網其他相關文章！