点击刷新
<html> <head> <title> New Document </title> <meta charset="utf-8"> </head> <script type="text/javascript"> /**创建 XMLHttpRequest 对象 *IE7+、Firefox、Chrome、Safari 以及 Opera均内建 XMLHttpRequest 对象 *IE5,IE6使用ActiveX对象，xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") **/ function createXMLHttpRequest(){ var xmlHttp; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }else{ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttp.onreadystatechange = function(){ if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { document.getElementById("myDiv").innerHTML = xmlHttp.responseText; } }else{ document.getElementById("myDiv")www.cppcns.com.innerHTML = "正在加载..."; } }; //向服务器放松请求 xmlHttp.open("GET","test.php",true); xmlHttp.send(); } </script> <body> <input type="button" onclick="createXMLHttpRequest()" value="请求数据" /> <div id="myDiv"></div> </body> </html>
对上面js代码部分解释：
(1).XMLHttpRequeswww.cppcns.comt对象的onreadystatechange属性，当请求被发送到服务器时，需要执行任务。每当 readyState 改变时，就会触发onreadystatechange事件。
(2).XMLHttpRequest对象的readyState属性,存有 XMLHttpRequest 的状态(0~4)。
- 0: 请求未初始化
- 1: 服务器连接已建立
- &nbswww.cppcns.comp; 2: 请求已接收
- 3: 请求处理中
- 4: 请求已完成，且响应已就绪
(3).open(method,url,async) 方法：规定请求的类型、URL 以及是否异步处理请求http://www.cppcns.com。
(4).send(content) 向服务器发送请求。
以上就是Ajax创建简单实例代码，希望对大家的学习有所帮助，大家也可以自己动手创建Ajax简单实例。
本文标题: 分享Ajax创建简单实例代码
本文地址: http://www.cppcns.com/wangluo/ajax/137430.html
© 著作权归作者所有
举报
发表评论
0/200
