Ajax-服务器响应数据详解

最新推荐文章于 2021-08-10 19:21:54 发布

Rapper_cl

最新推荐文章于 2021-08-10 19:21:54 发布

阅读量684

点赞数

分类专栏： Ajax 文章标签： Ajax服务器数据响应

本文链接：https://blog.csdn.net/m0_37510446/article/details/90028023

版权

Ajax 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

前面主要讲了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>

Rapper_cl

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Ajax-服务器响应数据详解

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

扫一扫