js代码解决url传值出现中文乱码的方法参考

发布时间:2020-09-11编辑:脚本学堂
用url的方法传递参数值时,总是出现中文乱码,应该如何解决呢?快来参考下本文介绍的另类方法吧,希望可以帮助你解决问题。

     有时需要把前台的中文数据通过URL的方式传递到后台,因为Java中网络传输使用的标准字符集是ISO-8859-1,所以在后台用request.getParameter("message");获取前台传过来的中文时,得到的还是ISO-8859-1字符集,中文就会出现乱码现象,有的解决办法是在前台传递中文之前进行decode,后台再decode一下进行转换,很是麻烦?

     本文使用动态表单的方法来解决这个问题。

     场景: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传,如此便解决了向后台传递中文出现乱码问题,是不是很方便呢?
脚本学堂,祝大家学习进步。