JS解决url传值出现中文乱码的另类办法_javascript技巧
程序员文章站
2022-04-23 13:35:25
...
在开发web应用时,很多情况都需要进行前后台的数据交互,有时候我们可能需要把前台的中文数据通过URL的方式传递到后台,但此时有个令人头疼的问题,因为Java中网络传输使用的标准字符集是ISO-8859-1,所以在后台用request.getParameter("message");获取前台传过来的中文时,得到的还是ISO-8859-1字符集,中文就会出现乱码现象,好多人的解决办法是在前台传递中文之前进行decode,后台再decode一下进行转换,这样感觉很是麻烦,难道就没其他的方式解决吗?
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= &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传,这样就轻松解决了向后台传递中文出现乱码的情况。
苦思冥想了一下:为什么用表单的方式就可以传递中文,而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=
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中tabs 选项卡的操作
推荐阅读
-
url 编码 js url传参中文乱码解决方案_javascript技巧
-
url 编码 js url传参中文乱码解决方案_javascript技巧
-
js url传值中文乱码之解决之道_javascript技巧
-
从js向Action传中文参数出现乱码问题的解决方法_javascript技巧
-
JS解决url传值出现中文乱码的另类办法_javascript技巧
-
JS解决url传值出现中文乱码的另类办法_javascript技巧
-
从js向Action传中文参数出现乱码问题的解决方法_javascript技巧
-
utf-8编码引起js输出中文乱码的解决办法_javascript技巧
-
asp.net中URL参数传值中文乱码的三种解决办法
-
utf-8编码引起js输出中文乱码的解决办法_javascript技巧