欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

java_菜鸟,XMLHttpRequest对象的创建流程

程序员文章站 2022-03-01 21:25:15
...


//创建 XMLHttpRequest对象
var xmlHttpRequest ;

if(window.XMLHttpRequest){
//ie7,ie8,fireFox
xmlHttpRequest  =  new XMLHttpRequest();
}else if(window.ActiveXObject){
//针对ie5 ie6,ie5.5
}
function validate(){
if(!xmlHttpRequest){
  alert('xmlHttpRequest创建失败');
  return ;
} else{
      //2.注册回调函数
  xmlHttpRequest.onreadystatechange = callback;
      //3. 设置连接信息
  xmlHttpRequest.open("GET","ajaxslt?name=" + userName,true);
   //4.发送数据,开始于服务器交互
   //同步方式下,send这句话会在服务器端数据回来后执行,
   //异步模式下,send这句话会立即完成执行
   //get方式的send方法参数为空
   xmlHttpRequest.send(null);
   //post方式的send方法 参数为你要传递的url参数
   xmlHttpRequest.send("name="+userName);  
 
  }
}
//5,回调函数
function callback(){
//判断对象的状态是否交互完成
if(xmlHttpRequest.readyState == 4){
   if(xmlHttpRequest.status == 200){
    var responseText = xmlHttpRequest.responseText;
//将数据显示在页面
document.getElementById("result").innerHTML = responseText;  
   }
}
}