问题描述
使用js组件,有时候向后台发起的请求参数不方便设置编码,当参数值为中文时,后台接收到的参数按照UTF8解码,出现乱码问题。如layui的属性组件dtree,我们可以在组件的api中找到重载的方法,和支持自定义的参数,但却无法定义contentType等头部信息:
dtree.reload(DTree, {
request : {
"nodeId": nodeId,
"name" : (value ? encodeURIComponent(value) : ""),
"isSearch": true,
},
});
解决办法
此时,我们可以在参数值中使用encodeURIComponent(),主动将参数值进行转码,默认为utf8。同时在后台接收参数时,进行UTF8解码name = URLDecoder.decode(name, "UTF-8");此时中文乱码得以快速解决。
心得体会
我们知道,http协议在发送消息时,对消息的内容有一定的编码,而后端的web容器在接收到请求时,也会自动的将请求做一次解码,而当出现前后端编码不一样时,我们往往望着乱码无所适从。
其实,格局打开,一个问题你可能不知道怎么解决,一个方案你可能不知道这么编写,那为什么不先做好最初的那一步,症状的诊断。
正所谓“心病还需心药医”,乱码亦需编码改。直到我们能自信的说出“这是个编码问题”的时候,问题就好了一半了,哪怕你回答不出来后面哪两个问题:什么地方的编码有问题?怎么改?
科学家做实验有控制变量法,咱们码农撸代码有断点调试法,前端js可以断点,后端java可以断点,层层深入,步步惊心,揭开迷雾。
实在到了协议问题,容器配置问题,咱们不还有比亲娘还亲的度娘嘛……
人总要进步,加油!