Ajax数据返回格式问题解决

举报
SHQ5785 发表于 2023/11/23 09:02:09 2023/11/23
【摘要】       服务端返回的数据格式为:      response.setContentType("text/xml;charset=utf-8");      设置发送到客户端的响应的内容类型为xml格式、编码方式为UTF-8的文本内容。      客户端接收代码为:    if (req.readyState == 4) {       if (req.status == 200) {  ...

      服务端返回的数据格式为:

      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文档,转换代码如下:


var parser = new DOMParser();
var xmlDoc = parser.parseFromString(req.responseText.toString(), "text/xml");
var city = xmlDoc.getElementsByTagName("city");


      这样就可以正确获取到节点值。效果图如下:

 

附(response.setContentType()的String参数及对应类型)


<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>
【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。