注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小葫芦君(汉斯的博客)

博客迁移到新博客:https://blog.ssxingshou.com

 
 
 

日志

 
 
关于我

小小葫芦商城,为您提供高品质的商品,一流的产品,一流的包装服务,一流的物流服务,放心购买

网易考拉推荐

关于XMLRequest对象的属性和方法  

2008-05-01 01:55:06|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

使用的回调函数,可以在文章 关于Ajax请求服务器端的处理 中获得参考信息。

创建一个XMLRequest对象:xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

1、成功初始化一个XMLRequest对象时,xmlHttp的内容:

window.alert("xmlHttp = "+xmlHttp);

如图所示:

关于XMLRequest对象的属性和方法 - soar - 专注Java,专注互联网!专注电子商务!

2、成功初始化一个XMLRequest对象时,xmlHttp.readyState的内容:

关于XMLRequest对象的属性和方法 - soar - 专注Java,专注互联网!专注电子商务!

3、发送请求,执行了回调函数showMessage(),一进入回调函数中:

function showMessage(){
window.alert("xmlHttp.getAllResponseHeaders() = "+xmlHttp.getAllResponseHeaders());
if(xmlHttp.readyState == 4){
   if(xmlHttp.status==200){
    var response = xmlHttp.responseText.split("|");
    document.getElementById("name_msg").innerHTML = response[0];
    document.getElementById("pwd_msg").innerHTML = response[1];
    document.getElementById("email_msg").innerHTML = response[2];
   }
}
}

或者:发送请求,执行了回调函数showMessage(),进入回调函数中,当(xmlHttp.readyState == 4)且(xmlHttp.status==200):

function showMessage(){
if(xmlHttp.readyState == 4){
   if(xmlHttp.status==200){
   window.alert("xmlHttp.getAllResponseHeaders() = "+xmlHttp.getAllResponseHeaders());  
    var response = xmlHttp.responseText.split("|");
    document.getElementById("name_msg").innerHTML = response[0];
    document.getElementById("pwd_msg").innerHTML = response[1];
    document.getElementById("email_msg").innerHTML = response[2];
   }
}
}

则xmlHttp.getAllResponseHeaders()的内容是一样的。

如图所示:

关于XMLRequest对象的属性和方法 - soar - 专注Java,专注互联网!专注电子商务!

4、发送请求,执行了回调函数showMessage(),进入回调函数中,当(xmlHttp.readyState == 4)且(xmlHttp.status==200),则xmlHttp.responseText:

function showMessage(){
if(xmlHttp.readyState == 4){
   if(xmlHttp.status==200){
  window.alert("xmlHttp.responseText = "+xmlHttp.responseText);
    var response = xmlHttp.responseText.split("|");
    document.getElementById("name_msg").innerHTML = response[0];
    document.getElementById("pwd_msg").innerHTML = response[1];
    document.getElementById("email_msg").innerHTML = response[2];
   }
}
}

如图所示:

关于XMLRequest对象的属性和方法 - soar - 专注Java,专注互联网!专注电子商务!

5、发送请求,执行了回调函数showMessage(),进入回调函数中,当(xmlHttp.readyState == 4)且(xmlHttp.status==200),则xmlHttp.statusText:

function showMessage(){
if(xmlHttp.readyState == 4){
   if(xmlHttp.status==200){
window.alert("xmlHttp.statusText = "+xmlHttp.statusText);
    var response = xmlHttp.responseText.split("|");
    document.getElementById("name_msg").innerHTML = response[0];
    document.getElementById("pwd_msg").innerHTML = response[1];
    document.getElementById("email_msg").innerHTML = response[2];
   }
}
}

如图所示:

关于XMLRequest对象的属性和方法 - soar - 专注Java,专注互联网!专注电子商务!

6、新建一个XML文件user.xml,内容为:

<?xml version='1.0' encoding='UTF-8' ?>
<user>
   <name>异域王者</name>
    <pwd>830119</pwd>
    <email>shirdrn@hotmail.com</email>
</user>

发送请求,执行了回调函数showMessage(),进入回调函数中,当(xmlHttp.readyState == 4)且(xmlHttp.status==200),则xmlHttp.responseXML.xml:

xmlHttp.open("GET","user.xml",true);    // 这里,打开的URL为user.xml文件URL
xmlHttp.onreadystatechange = showMessage;
xmlHttp.send(null);
}

function showMessage(){
if(xmlHttp.readyState == 4){
   if(xmlHttp.status==200){
    window.alert("xmlHttp.responseXML.xml = "+xmlHttp.responseXML.xml);
    var response = xmlHttp.responseText.split("|");
    document.getElementById("name_msg").innerHTML = response[0];
    document.getElementById("pwd_msg").innerHTML = response[1];
    document.getElementById("email_msg").innerHTML = response[2];
   }
}
}

如图所示:

关于XMLRequest对象的属性和方法 - soar - 专注Java,专注互联网!专注电子商务!

关于对XML文本的操作,是Ajax中最具有潜力的。

  评论这张
 
阅读(682)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017