加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

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

发布时间:2018-08-13 07:38:55 所属栏目:创业 来源:站长网
导读: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
好了,会了这些,您也可以下手写无革新下拉菜单可能无革新留言本乃至更高级的应用了。

(编辑:湖南网)

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

    热点阅读