首页 > 代码库 > 利用jQuery 解决URL请求参数有中文时出现乱码的问题
利用jQuery 解决URL请求参数有中文时出现乱码的问题
利用jQuery 解决URL请求参数有中文时出现乱码的问题
在开发的时候经常会碰到URL中请求参数含有中文的情况,这时如果在前台不作处理,直接在后台利用request.getParameter()拿对应的参数值就会出现中文乱码。
这时可以先利用jQuery对对应中文进行encodeURI(),例子如下:
前台对应代码
<!--省畋无关代码-->
<input type="button" id="submitA" value=http://www.mamicode.com/"重发短信"/>
<a id="dataA" style="display:none;"><span id="clickA">重发短信</span></a>
<!--${ordersSn} 和${itemName}是利用Freemarker从后台得到的值,其中itemName为订单名为中文-->
<input type="text" value=http://www.mamicode.com/"${ordersSn}" class="spanordersSn" style="display:none;"/>
<input type="text" value=http://www.mamicode.com/"${itemName}" class="spanitemName" style="display:none"/>
<!--省畋无关代码-->
<script type="text/javascript">
$(function(){
$("#submitA").click(function(){
var ordersSn=$(".spanordersSn").val();
var itemName=$(".spanitemName").val();
var url="member_order.html? isShotMassege=yes&ordersSn="+ordersSn+"&itemName="+ encodeURI(encodeURI(itemName));
$("#dataA").attr("href",url);
$("#clickA").trigger("click");
});
});
</script>
<!--省畋无关代码-->
后台对应代码
String itemName=request.getParameter("itemName");
itemName= java.net.URLDecoder.decode(itemName,"utf-8");
}catch(UnsupportedEncodingException e){
e.printStackTrace();}
可以看到在前台itemName中文参数利用了encodeURI(encodeURI(itemName))进行编码,在后台利
用 java.net.URLDecoder.decode(itemName,"utf-8")这进解码
前台为什么要进行两次encodeURI,而后台只有一次decode呢?
第一次编码的作用是将多字节字符转变成纯粹的 Ascii 字符串(这里把编第一次的结果叫成 [STR_ENC1] 好了。[STR_ENC1] 是不带有多字节字符的) 再编一次后,提交,接收时容器自动解一次(容器自动解的这一次,不管是按 GBK 还是 UTF-8 还是 ISO-8859-1 都好,都能够正确的得到 [STR_ENC1])然后,再在程序中实现一次Java中通常使用 java.net.URLDecoder(***, "UTF-8") 就可以得到想提交的参数的原值。