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两次
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值