JS解决url传值出现中文乱码的另类办法
更新时间：2013年04月08日 15:25:08 作者：
为什么用表单的方式就可以传递中文，而URL的方式就不行了呢？非得用URL传值的方式才能解决问题吗？这里我想到了动态表单，何不用它来解决呢
在开发web应用时，很多情况都需要进行前后台的数据交互，有时候我们可能需要把前台的中文数据通过URL的方式传递到后台，但此时有个令人头疼的问题，因为Java中网络传输使用的标准字符集是ISO-8859-1，所以在后台用request.getParameter("message");获取前台传过来的中文时，得到的还是ISO-8859-1字符集，中文就会出现乱码现象，好多人的解决办法是在前台传递中文之前进行decode，后台再decode一下进行转换，这样感觉很是麻烦，难道就没其他的方式解决吗？
苦思冥想了一下：为什么用表单的方式就可以传递中文，而URL的方式就不行了呢？非得用URL传值的方式才能解决问题吗？这里我想到了动态表单，何不用它来解决呢，示例如下：
假设有如下应用场景：KPI列表页面中，对每个KPI都有生成预警数据的功能，当点击列表中每个KPI生成数据的按钮时，需要把KPI的id和name传递到后台。
前端对应的js方法：
用URL传值的写法：
复制代码 代码如下:
function createData(indexId,indexName){
window.location.href="catalogAction.do?action=CreateIndexData&catalogId="+indexId+"&catalogName="+indexName+"&random="+Math.random();
}
用这种方法，由于KPI名称大多为中文，在后台接收到的值肯定为乱码。
若用动态生成表单的方式就可以解决：
复制代码 代码如下:
function createData(indexId,indexName){
var urlStr = "catalogAction.do?action=CreateIndexData&PcatalogId=<c:out value='${catalogId}'/>&catalogId="+indexId+"&random="+Math.random();
var f= document.createElement('form');
f.action = urlStr;
f.method = 'post';
document.body.appendChild(f);
var temp=document.createElement('input');
temp.type= 'hidden';
temp.value=indexName;
temp.name='catalogName';
f.appendChild(temp);
f.submit();
}
对中文字段用form的方式提交过去，不是中文的仍然用URL传，这样就轻松解决了向后台传递中文出现乱码的情况。
相关文章
JS获取键盘上任意按键值的实例代码。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
深入理解基于vue-cli的webpack打包优化实践及探索
这篇文章主要介绍了基于vue-cli的webpack打包优化实践及探索，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
今天小编就为大家分享一篇原生js检测页面加载完毕的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
在一次面试过程中，面试官问过我关于浏览器cookie的问题包括：cookie大小，cookie个数限制以及如何操作cookie等一系列的问题。2011-01-01
!!一般用来将后面的表达式强制转换为布尔类型的数据，因为javascript是弱类型的语言，所以有时需要强制转换为相应的类型2014-09-09
浅析JavaScript如何解决跨域问题并手写一个jsonp
跨域是指浏览器为了安全性,实施的同源策略,同源策略要求,只有协议、域名和端口号完全相同的网页,才能共享资源,本文整理了一些常用的跨域解决方法,希望对大家有所帮助2024-03-03
作为一名开发人员（WEB前端JavaScript开发），不规范的开发不仅使日后代码维护变的困难，同时也不利于团队的合作，通常还会带来代码安全以及执行效率上的问题。本文就主要介绍了关于Javascript的命名规范、注释规范以及框架开发的一些问题，需要的朋友可以参考学习。2017-01-01
数据包围着我们。虽然搜索引擎和其他应用都对基于文本方式表示的数据偏爱有加，但人们发现可视化是更容易理解的一种方式。今年初，SitePoint 发表了 Aurelio 的文章《 Chart.js简介》。在深入研究 Chart.js 的功能后，本文将会讲解这篇简介的一些重点。2015-10-10
跨浏览器的设置innerHTML方法...2006-09-09
在Web开发中,JavaScript（JS）是一种至关重要的编程语言,它使网页具有交互性,本文主要介绍了如何使用JavaScript实现一个交互式博客,需要的可以了解下2024-01-01
最新评论