JS解决url传值出现中文乱码的另类办法
作者：
为什么用表单的方式就可以传递中文，而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传，这样就轻松解决了向后台传递中文出现乱码的情况。