三步學會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
好了，會了這些，您也可以動手寫無重新整理下拉式功能表或者無重新整理留言本甚至更進階的應用了。