json串多了<pre>标签，ext报错

最新推荐文章于 2021-06-23 20:42:39 发布

原创最新推荐文章于 2021-06-23 20:42:39 发布 · 302 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #php #javascript #ViewUI

ext 专栏收录该内容

2 篇文章

订阅专栏

1.返回的json串前面多出了<pre style="word-wrap: break-word; .....></pre>的东西，导致转js对象时报错，查看后台也没见到添加<pre>标签，应该是浏览器添加的。
解决办法，把response的contentType设置为text/html即可：
this.getResponse().setContentType("text/html;charset=UTF-8");
Content-Type对浏览器解析的一些影响

当为web服务器输出的内容指定Content-Type为text/html时，浏览器会对内容做一些额外的转换工作，比如"""这样的实体形式就会被替换成最终的字符(双引号")。这在普通情况下并不会引起什么问题，但是不幸的是如果你采用了JSON格式来传输数据，例如：{status:0;data:"content"data"}这样的格式，当"被替换成"后，Javascript就会得到一个错误的数据格式，因为这时候Javascript拿到的数据就变成了{status:0;data:"content"data"}。

这时候，你可以设置Content-Type为text/x-json来解决此问题，但是text/x-json有可能引起一些浏览器兼容性上的问题（一些浏览器会提示下载Content-Type为text/x-json的内容），而更好的做法就是设置Content-Type为text/plain。不过即使这样也并没有完美的解决问题，考虑这样一种情况，你需要上传文件但是你并不想刷新上传页面，这时候一般的做法就是让form的target指向一个Iframe，代码如下：
<form target="iframeId" method="post" action="accept.php"><input type="file" /></form>
当accept.php接收请求并处理完成返回一段JSON数据后问题就发生了，因为accept.php输出的内容被定向到了iframe，而在iframe里浏览器会自动地给数据上加上<pre>标记，这时候JSON又出现格式错误了。

最终的解决方法就是，在JSON传输时指定Content-Type为text/plain，但是遇到上面提的文件上传情况，就应该指定Content-Type为text/html。