一。 要學習AJAX,一定要先大概掌握CSS樣式列表
CSS 樣式表,將數據更有效地表現在網頁上,對字體,顏色,內容的間距等等的顯示
的一種定義。把XML的數據取出來如何顯示在前臺,那麼就需要CSS技術來做設定
選擇符{屬性:屬性值}
當然這個也包括html的標記。屬性如果是詞組用引號引起來。如
P{text-align:center;color:red}這樣就屬於一個定義
那麼在Html中 <p 321312/> 這樣就會呈現相應樣式
同樣 p.left{ text-align:center;color:red}
那麼在html 中 <p class=”left” 342344/> 就需要這樣調用
在CSS中,還可以這樣進行類的定義
在CSS樣式裏面還有一個繼承的應用,這個是比較有用的。比如幾個同樣的圖形,就顏色不一樣。那麼就可以用繼承來做。
二。是DOM對象,爲我們提供好了一個對象。提供了2種對象,html和xml標準
核心不一樣。可以通過javascript 對html頁面進行訪問。Dom就是一個樹形結構的
所以屬性能被訪問到,每個屬性就是相應的標籤。方便進行網頁編程,這個是JavaScript進行前端編程的基礎。
調用html裏面的屬性的時候,使用的是document對象,即DOM對象。
上面5個事件的作用分別是:
1 在頁面進行加載的時候觸發的事件(windows.onload)
2 獲得DOM對象的節點屬性,即獲得某個標籤。(getElementById)
3 就是新建一個DOM屬性,也就是說在html頁面新建一個標籤(CreateTextElement)
4 就是在標籤後面新建文字內容(CreateTextElement)
5 就是爲標籤新添加一個子節點。在使用的時候是在標籤對象使用這個方法,添加文字內容。(appendChild)
對DOM對象的調用一般是在JS文件當中。
Classname這個是在JS文件中告知瀏覽器使用的是哪個CSS類
第三 異步調用數據
XmlDocument XmlHttpRequest
這個纔是核心的東西
首先創建一個XML的request對象 然後取出數據
如果我們不考慮瀏覽器的類型的話,那麼就默認IE的話可以直接用下面語句生成xmlhttprequest對象。利用ActiveX對象
Var xmlhtttp=new ActiveXObject(“Mxml2.XMLHTTP”)
或者用下面語句
var xmlHttp;
function creatXMLHttpRequest()
{
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(widow.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
但上面2個都不是最完美的,最完美的應該是有涉及到瀏覽器的一個判斷。這個比較長,通常是封裝在一個函數中,最後return一個xmlhttprequest對象.不過在一些常用的AJAX庫中已經封裝好了這個函數。