JS解决url传值出现中文乱码的另类办法_javascript技巧

苦思冥想了一下：为什么用表单的方式就可以传递中文，而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=&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传，这样就轻松解决了向后台传递中文出现乱码的情况。