<html> <head> <title>AJAX示例</title> <script> var http=null; //定义全局变量 function doLoad(){ //1.创建一个浏览器请求对象xmlhttprequest try{ //尝试创建一个非IE(5.5;6.0)浏览器的请求对象 http = new XMLHttpRequest(); }catch(e){
try{ //创建一个IE浏览器的请求对象(ie5.5 ie6.0) http= new ActiveXObject("Microsoft.XMLHTTP"); }catch(re){ alert("浏览器不支持AJAX！"); return; } } //=============================进入第二步 http.onreadystatechange=fun; //设置回调函数，第三步的时候写函数 http.open("GET","2.php",true); //采用get方法启动异步方式 http.send(null); //因为采用get方式提交，可以用null作为参数调用 //============================进入第三步 //开始写回调函数 function fun(){ //0：请求未初始化，还没有调用 open()。 //1：请求已经建立，但是还没有发送，还没有调用 send()。 //2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。 //3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。 //4：响应已完成；您可以获取并使用服务器的响应了。
if(http.readyState == 4){ //判断readyState值是否请求完成。 if(http.status == 200){ //判断http状态是否响应成功，HTTP状态值是200的时候，说明成功响应 document.getElementById("sid").innerHTML=http.responseText; //将responseText值赋予给ID为sid的元素 } } } } </script> </head> <body> <h2>AJAX示例</h2> <button onClick="doLoad()">加载</button> <h1 id="sid"></h1> </body></html>
posted on 2011-11-08 22:20 xiaolugoo 阅读( ...) 评论( ...) 编辑 收藏转载于:https://www.cnblogs.com/jianker/archive/2011/11/08/2241756.html
相关资源：ajax 示例源码（经典）