分针网——每日分享:Ajax数据返回格式问题解决

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了分针网——每日分享:Ajax数据返回格式问题解决相关的知识,希望对你有一定的参考价值。

更多文章:www.f-z.cn
 
 
服务端返回的数据格式为:
 
response.setContentType("text/xml;charset=utf-8");
 
      设置发送到客户端的响应的内容类型为xml格式、编码方式为UTF-8的文本内容。
      客户端接收代码为:
if (req.readyState == 4) {
if (req.status == 200) {
var city = req.responseXML.getElementsByTagName("city");
.......
}
}
 
      通过状态判断后获取服务端返回文档中的指定标签内容。但是通过浏览器出现错误提示,如下:
Myhtml.html:27 Uncaught TypeError: Cannot read property ‘getElementsByTagName‘ of null
      通过调试语句alert(req.responseXML);窗口输出已下内容:
技术分享
 
      可见服务端返回的内容为空。但是通过调试语句alert(req.responseText);却输出了服务端返回的内容,如下:
技术分享
 
      但是在Chrome中以上信息不会显示,因为在遇到上面的错误时就结束了,不会继续执行下面的代码。貌似这种机制更安全些。
      转换一下思路,既然可以获取到文本格式,就可以实现将文本格式的xml文档转换为xml文档,转换代码如下:
[javascript] view plain copy print?
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(req.responseText.toString(), "text/xml");
var city = xmlDoc.getElementsByTagName("city");
 
      这样就可以正确获取到节点值。效果图如下:
技术分享
 
技术分享
 
技术分享
 
 
 
附(response.setContentType()的String参数及对应类型)
 
[html] view plain copy print?
<option value="image/bmp">BMP</option>
<option value="image/gif">GIF</option>
<option value="image/jpeg">JPEG</option>
<option value="image/tiff">TIFF</option>
<option value="image/x-dcx">DCX</option>
<option value="image/x-pcx">PCX</option>
<option value="text/html">HTML</option>
<option value="text/plain">TXT</option>
<option value="text/xml">XML</option>
<option value="application/afp">AFP</option>
<option value="application/pdf">PDF</option>
<option value="application/rtf">RTF</option>
<option value="application/msword">MSWORD</option>
<option value="application/vnd.ms-excel">MSEXCEL</option>
<option value="application/vnd.ms-powerpoint">MSPOWERPOINT</option>
<option value="application/wordperfect5.1">WORDPERFECT</option>
<option value="application/vnd.lotus-wordpro">WORDPRO</option>
<option value="application/vnd.visio">VISIO</option>
<option value="application/vnd.framemaker">FRAMEMAKER</option>
<option value="application/vnd.lotus-1-2-3">LOTUS123</option>
 

 加入职业技能圈 q群:272292492

技术分享

 

以上是关于分针网——每日分享:Ajax数据返回格式问题解决的主要内容,如果未能解决你的问题,请参考以下文章

分针网——每日分享:nodejs导出excel实战

分针网——每日分享:MySQL实现树的遍历

分针网—每日分享:mongoose对查询结果进行排序

分针网—每日分享:PHP开发几点安全问题

分针网—每日分享:js刷新页面方法大全

分针网——每日分享: jquery选择器的用法