AJAX入门

发布时间：2020-12-15 21:43:54 所属栏目：百科来源：网络整理

导读：Ajax是浏览器端的异步刷新。只是局部更新。使得网络慢的时候用户不会等太久。步骤(例子)： Html代码 title 首页 / title / head script type = "text/javascript" functiondizhi(){ var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); xmlHttp.open("GET"

Ajax是浏览器端的异步刷新。只是局部更新。使得网络慢的时候用户不会等太久。

步骤(例子)：

Html代码

<title>首页</title>
</head>
<scripttype="text/javascript">
functiondizhi(){
varxmlHttp=newActiveXObject("Msxml2.XMLHTTP");
xmlHttp.open("GET","ajax1.jsp","true");
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
div1.innerHTML=xmlHttp.responseText;
}
}
alert(xmlHttp.readyState);
xmlHttp.send();
}
</script>
<body>
欢迎来到重庆文理学院
<inputtype="button"value="学校地址"onclick="dizhi()">
<divid="div1"></div>

步骤：

1:var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

//IE浏览器实例化 "Msxml2.XMLHTTP"对象

2:xmlHttp.open("GET","true");

//异步提交的目标和方法

3:xmlHttp.onreadystatechange() = function(){

//xmlHttp状态改变时,进行处理代码

4: if(xmlHttp.readyState==4){

//xmlHttp.readyState 有0~4 5种状态

0:未初始化状态，未调用open()

1:已经初始化状态,已经调用open()

2:发送数据状态，调用send()以后

3:数据传送中状态，已经接受部分，但是没有接受完成

4:完成状态，数据接受完成

div1.innerHTML = xmlHttp.responseText;

//xmlHttp.responseText 是从目标提取出来的文本内容

}

5:xmlHttp.send();

}

（编辑：李大同）

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