URI编码乱码

java 专栏收录该内容
35 篇文章 0 订阅

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

通过分析,发现跳转页面的链接是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两次
这里写图片描述

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

HY_Chan

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值