AJAX入门实例一
2013-09-18 19:09
387 查看
<head> <script type="text/javascript"> var xmlhttp = getXMLHttp(); function getXMLHttp() { var xmlhttp=null; // IE5 IE6 if (window.ActiveXObject) { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { //for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { alert("Your browser does not support Ajax!"); } return xmlhttp; } function stateChange(){ //readyState存有 XMLHttpRequest 的四种状态 0(请求为初始化),1(服务器已经建立连接),2(请求已经接收),3(请求处理中),4(请求已经处理完成) //每当readyState的值改变时,都会调用onreadystatechange 函数 if (xmlhttp.readyState==4 && xmlhttp.status==200){ //当请求完成时并且响应也成功时 document.getElementById("h2").innerHTML=xmlhttp.responseText; } } function loadXMLDoc(){ xmlhttp.onreadystatechange=stateChange; //open(method,url,async) 其中 method为get或者是post,url是请求的页面,async表示异步(true)还是同步(false) //当方法为post是就不用写onreadystatechange函数了 直接在send()函数后调用document.getElementById("h2").innerHTML=xmlhttp.responseText;就用了 xmlhttp.open("GET","test.txt",true);//test.txt文件相对于这个文件的目录 我的是放在同一目录下 xmlhttp.send(null); } </script> </head> <body> <div ><h2 id="h2">I am the old context!</h2></div> <button type="button" onclick="loadXMLDoc()">通过AJAX改变原来的内容</button> </body> </html>
相关文章推荐
- AJAX技术简介及入门实例
- Ajax入门实例----HelloWorld附源码详细注释
- AJAX技术简介及入门实例
- AJAX入门必读与实例(仿google的拖动)[Code]
- AJAX实例入门
- Ajax入门实例(ASP+AJAX)
- AJAX实例入门
- Ajax入门实例
- ajax讲解和入门实例
- AJAX技术简介及入门实例(转载)
- AJAX技术简介及入门实例
- AJAX技术简介及入门实例
- AJAX实例:XHR的入门
- Ajax 入门实例
- AJAX实例入门
- AJAX 简介及入门实例
- AJAX入门教程实例
- Atlas(AJAX)控件:Rating等级评分入门实例
- 原生AJAX入门讲解(含实例)
- AjaxPro(入门)实例