欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

URI编码乱码

程序员文章站 2024-03-25 08:35:16
...

这次的需求是优惠券管理页支持多条件查询,之前一直都是单个条件查询。
做完后如果有多页,跳转指定页时如果当前搜索条件是包含中文的话会乱码,跳转后搜索不到内容
URI编码乱码

通过分析,发现跳转页面的链接是get方式,拼接如下:

#set($pageModule=$!homeModule.getTarget("/couponList.html").addQueryData("couponCode",$!query.couponCode).addQueryData("couponState",$!query.couponState).addQueryData("couponName",$!query.couponName)

而搜索框的方式是Post方式
get方式在传入后端的时候会进行uri编码,而post不会(如果错误,请留言,万分感谢)

第一种解决方案是:
在服务器进行一次解码:

if(StringUtils.isNotEmpty(couponName)){
couponName=URLDecoder.decode(couponName,"UTF-8");
query.setCouponName(couponName);
}

解码后进行数据的处理,在回传到前端时重新编码

if(StringUtils.isNotEmpty(query.getCouponName())){
Stringname=URLEncoder.encode(query.getCouponName(),"UTF-8");
query.setCouponName(name);
}

前端解码:

varcouponName=$("#couponName").val();
if(couponName!=null&&couponName!=""){
jQuery("#couponName").val(decodeURIComponent(couponName));
}

保证每次处理之前字符串都能恢复utf-8编码(即图中的无编码状态)

注意,这种方案不支持字符串中带有特殊字符,如%
原因:
在使用post到服务器后台解码时,URLDecoder.decode不支持特殊字符的解码,会直接报错。

方案改进:
搜索条件post之前先将字符串编码一次,如%编码成%25,后台便可以正常解码成%

方案再改进:
为了编码一致,我们最好让搜索条件和页面跳转(比如第n页,首页,尾页)的方式一致,如都使用post或者get
于是最后改进让搜索条件的时候也使用get
这样只要让字符串get之前encode两次
URI编码乱码

相关标签: 记录