购物车
登陆 / 注册
微信扫码登陆

推荐手册

XHR响应

XHR响应
如果需获得来自服务器的响应,可以使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性
蹊下 蹊下 更新时间:2019-01-24 11:26:55

XHR响应

服务器响应

如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性

属性描述
responseText获得字符串形式的响应数据
responseXML获得 XML 形式的响应数据

responseText 属性

如果来自服务器的响应并非 XML,请使用 responseText 属性。

responseText 属性返回字符串形式的响应,因此您可以这样使用:

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

responseXML 属性

如果来自服务器的响应是 XML,而且需要作为 XML 对象进行解析,请使用 responseXML 属性:

请求 demo.xml 文件,并解析响应:

实例

<script>
function loadXMLDoc()
{
  var xmlhttp;
  var txt,x,i;
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      xmlDoc=xmlhttp.responseXML;
      txt="";
      x=xmlDoc.getElementsByTagName("TITLE");
      for (i=0;i<x.length;i++)
      {
        txt=txt + x[i].childNodes[0].nodeValue + "<br>";
      }
      document.getElementById("myDiv").innerHTML=txt;
    }
  }
  xmlhttp.open("GET","demo.xml",true);
  xmlhttp.send();
}
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图

GIF.gif

demo.xml文件

<CATALOG>
<jiaochenng>
<TITLE>html极速入门</TITLE>
<ARTIST>HTML中文网</ARTIST>
<ADRESS>https://www.html.cn/study/9.html</ADRESS>
</jiaochenng>
<jiaochenng>
<TITLE>css极速入门</TITLE>
<ARTIST>HTML中文网</ARTIST>
<ADRESS>https://www.html.cn/study/10.html</ADRESS>
</jiaochenng>
<jiaochenng>
<TITLE>javascript极速入门</TITLE>
<ARTIST>HTML中文网</ARTIST>
<ADRESS>https://www.html.cn/study/17.html</ADRESS>
</jiaochenng>
</CATALOG>
网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号