Ajax-服务器响应数据详解

前面主要讲了ajax的一些请求，这篇来讲讲ajax向服务器端请求到的响应数据：
主要有两种
responseText :使用情况，若服务器响应的数据是字符串形式就使用该属性
responseXML:使用情况，看名字就可以知道，当服务器响应的数据是XML的形式的时候，使用该属性
简单写两个例子，顺便再熟悉一下ajax工作流程

<!DOCTYPE　html>
<html>
<head>
<script>
function loadXMLDoc(){
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
document.getElementById("test").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","https://www.runoob.com/try/ajax/ajax_info.txt","true");
xmlhttp.send();
}
</script>
</head>
<body>
<h1>服务器的响应数据为字符串</h1>
<button type="button" onclick="loadXMLDoc()">点击出现响应的数据</button>
<div id="test"></div>
<p><a href="https://www.runoob.com/try/ajax/ajax_info.txt" target="_blank">ajax_info.txt</a></p>
</body>
</html>

当服务器响应数据为XML,(先将xml数据转换为字符串，然后再输出)

<!DOCTYPE　html>
<html>
<head>
<script>
function loadXMLDoc(){
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("ARTIST");
for(i=0;i<x.length;i++){
txt=txt+x[i].childNodes[0].nodeValue+"<br />";
}
document.getElementById("test").innerHTML=txt;
}
}
xmlhttp.open("GET","cd_catalog.xml","true");
xmlhttp.send();
}
</script>
</head>
<body>
<h1>服务器的响应数据为XML</h1>
<button type="button" onclick="loadXMLDoc()">点击出现响应的数据</button>
<div id="test"></div>
<p><a href="cd_catalog.xml" target="_blank">cd_catalog.xml</a></p>
</body>
</html>

Ajax-服务器响应数据详解相关推荐

ajax.request函数使用详解
ajax.request函数使用详解 Ajax.Request ? Ajax.Request( url, { method:method, parameters:para, postBody:xmlS ...
ajax 服务器响应,ajax-服务器响应
如果需要获得了来自服务器的响应,则使用XMLHttpRequest 对象的 responseText 或 responseXML 属性 responseText: 获得字符串形式的响应数据,当read ...
浏览器对象存储数据详解
浏览器对象存储数据详解前言随着需求的发展,浏览器的功能正变的越来越强大,在本地存储数据可以极大的方便人们进行各种操作,如localStroage/sessionStroage等,下面我就记录在项目 ...
php微信小程序物流进度推送,微信小程序消息推送php服务器验证实例详解
微信小程序消息推送php服务器验证实例详解设置页面("设置">>"开发设置"): 1.设置服务器域名注意http和https协议的不同. 2. ...
linux服务器操作系统日志都有哪些,Linux操作系统服务器日志管理详解
Linux操作系统服务器日志管理详解 Linux操作系统服务器日志管理详解日志对于安全来说,非常重要,他记录了系统每天发生的各种各样的事情,你可以通过他来检查错误发生的原因,或者受到攻击时攻击者留下 ...
华为服务器cpu位置,服务器cpu参数详解
服务器cpu参数详解内容精选换一换设备实时状态查询是检测设备在运行过程中的状态信息.用户可任选以下指令之一查看设备实时状态查询命令的可用参数.ascend-dmi -i -hascend-dmi ...
服务器系统raid设置,服务器RAID配置详解
<服务器RAID配置详解>由会员分享,可在线阅读,更多相关<服务器RAID配置详解(17页珍藏版)>请在人人文库网上搜索. 1.Ctrl+H的,这个主服务器RAID配置详解 ...
SL651-2014 《水文监测数据通信规约》中心站查询遥测站实时数据详解
SL651-2014 <水文监测数据通信规约> 中心站查询遥测站实时数据详解全国水文标准化技术委员会水文仪器分技术委员会为适应我国水文仪器标准化工作的迅速发展,对用来监测河流.水库等水 ...
unturned服务器重置,《Unturned》服务器建立方法详解
<Unturned>服务器建立方法详解 2014-07-17 14:17:18来源:互联网编辑:评论(0) <Unturned>游戏支持多人联机游戏操作,怎么建立自己的服务器呢 ...

Ajax-服务器响应数据详解

Ajax-服务器响应数据详解相关推荐

最新文章

热门文章