三步学会AJAX应用（AJAX基础教程）

快来打我* 2022-04-01 13:56 182阅读 0赞

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  
好了，会了这些，您也可以动手写无刷新下拉菜单或者无刷新留言本甚至更高级的应用了。