通过js encodeURIComponent传到服务器的乱码问题

最新推荐文章于 2023-08-13 21:42:13 发布

原创最新推荐文章于 2023-08-13 21:42:13 发布 · 401 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #Ajax #JSP

javascript 专栏收录该内容

26 篇文章

订阅专栏

本文解决了IE6浏览器中使用URI传输含有#号的话题标签时出现的问题，通过两次encodeURIComponent编码和服务器端解码确保了话题标签完整传输。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、场景：最近在做一个微博项目，用过微博的人都知道，微博里有话题这个概念，在textarea 里输入##，就代表一个话题。发布微博时使用的ajax方式提交，微博内容会拼到URI中传到服务器端，发现用IE8输入没有任何问题，但是使用IE6时，第二个#号会丢失。

二、解决过程：(1) 在JSP中使用encodeURIComponent来进行编码，两次编码:

content=encodeURIComponent(encodeURIComponent(content));
var url="${pageContext.request.contextPath}/BlogAction.do?method=doPublishBlog&content="+content;

(2) 在action中使用解码：

String content=(String)request.getParameter("content");
content=URLDecoder.decode(content,"UTF-8");

这个问题得以解决。

三、扩展学习

（1）js 中encodeURI 与 encodeURIComponent的区别

encodeURI 方法返回一个编码的 URI。如果您将编码结果传递给 decodeURI，那么将返回初始的字符串。encodeURI 方法不会对下列字符进行编码：":"、"/"、";" 和 "?"。请使用 encodeURIComponent 方法对这些字符进行编码。经过我测试“#”也属于这个特殊字符的范畴，使用encodeURI编码时#是不会被编码的，所以上面场景的问题依然存在的，对于这种输入的内容，肯定是用encodeURIComponent。

（2）IE对#的不同处理，从下面的header 内容可以看出来。

IE8:

POST /dcwb/BlogAction.do?method=doPublishBlog&content=%23��Ի��%23&decorator=exclude&gridId=&gridName=&videoId=&imageId=&topicId=

IE6:

POST /dcwb/BlogAction.do?method=doPublishBlog&content=%23��%20&decorator=exclude&gridId=&gridName=&videoId=&imageId=&topicId= HTTP/1.1