AJAX基礎教程 三步學會AJAX應用

AJAX全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術。它有機地包含了以下幾種技術：

Ajax（Asynchronous JavaScript + XML）的定義

基于web標準（standards-based presentation）XHTML+CSS的表示；
使用 DOM（Document Object Model）進行動態顯示及交互；
使用 XML 和 XSLT 進行數據交換及相關操作；
使用 XMLHttpRequest 進行異步數據查詢、檢索；
使用 JavaScript 將所有的東西綁定在一起。

AJAX的應用使用支持以上技術的web瀏覽器作為運行平臺。這些瀏覽器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。

AJAX應用基本包括三步：

1。創建對象：
var xmlHttp;
if (window.ActiveXObject) //IE
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)//其它瀏覽器
{
xmlHttp = new XMLHttpRequest();
}

2。寫得到請求結果后的響應函數：
xmlHttp.onreadystatechange = function()
{
if(xmlHttp.readyState==2)
{
window.status = "正在提交數據";
}
else if(xmlHttp.readyState==3)
{
window.status = "數據傳送中";
}
else if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
window.status = xmlHttp.responseText;
}
else
{
window.status = " 查詢錯誤，請檢查輸入是否正確";
}
}
else
{
window.status = "正在查詢，請稍后...";
}
}

3。第三步：發送請求
xmlHttp.open("GET", url ,true);
xmlHttp.send(null);
本站參考案例：http://www.51count.net/weather.htm
好了，會了這些，您也可以動手寫無刷新下拉菜單或者無刷新留言本甚至更高級的應用了。