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

发布时间：2018-08-17 13:16:22 所属栏目：模式来源：站长网

导读：AJAX全称为Asynchronous Java Script and XML（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术： Ajax（Asynchronous JavaScript + XML）的定义基于web标准（standards-based presentation）XHTML+CSS的表

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

（编辑：武汉站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

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

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