JavaScript(js) 前台 参数传递乱码 转码 问题--已解决! 中文字符乱码

本文探讨了在项目开发中遇到的JS转码问题,并提供了解决方法。同时,详细介绍了如何在Web应用中正确设置字符集,确保前后端数据传输无误。
部署运行你感兴趣的模型镜像

最多使用的应为encodeURIComponent,它是将中文、韩文等特殊字符转换成utf-8格式的url编码,所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持(form中的编码方式和当前页面编码方式相同)

escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z

encodeURI不编码字符有82个:!,#,$,&, ',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z

encodeURIComponent不编码字符有71个:!,    ',(,),*,-,.,_,~,0-9,a-z,A-Z
============================================================

做项目时,明明在 web.xml和struts中进行了字符设置 utf-8,但是 从前台 js传过来的参数还是乱码问题,在后台使用request.setCharacterEncoding("UTF-8");还是不行,上网上查了查原来js也有转码的方法,encodeURIComponent() 和 encodeURI(),下面来解决一下问题

例如 js 代码为:

var text= "关键字";

Location.href= "getChildNodeByKeyword.action?keyword="+text;

传到后台的 keyword是乱码

解决方法1:

var text= encodeURIComponent("关键字");

Location.href= "getChildNodeByKeyword.action?keyword="+text;

解决方法2:

var text= "关键字";

Location.href= encodeURI("getChildNodeByKeyword.action?keyword="+text);

自己感觉encodeURIComponent() 和 encodeURI()的区别是 :

见上面的说明!

===================================

系统应用测试中,使用了如下语句:

UTF-8编码,测试成功,服务端获取正常:

decisionMaker = encodeURI(decisionMaker).replace(new RegExp("&", 'g'), "%26");//转码

===============Java设置编码格式=========

首先介绍两种字符集 gb2312 和 gbk 
。gb2312 简体中文编码
。gbk 中文字符编码 包括繁体中文

1. 指定jsp文件里内容的的编码方式

   <%@ page language="java" import="java.util.*"  pageEncoding="gb2312"%>

2. 指定html文件里内容的编码方式
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
3. 当响应用户的请求时,输出到用户浏览器上的编码方式

   <%@ page contentType="text/html"; charset="gb2312"%>
   相当于生成的代码 response.setContentType("text/html; charset=gb2312");

4. 把用户传递过来的参数作为指定的编码
request.setCharacterEncoding("gb2312");

5. 对比
   request.setCharacterEncoding("gb2312");                //设置输入编码格式
   response.setContentType("text/html; charset=gb2312");  //设置输出编码格式

 

 

您可能感兴趣的与本文相关的镜像

AutoGPT

AutoGPT

AI应用

AutoGPT于2023年3月30日由游戏公司Significant Gravitas Ltd.的创始人Toran Bruce Richards发布,AutoGPT是一个AI agent(智能体),也是开源的应用程序,结合了GPT-4和GPT-3.5技术,给定自然语言的目标,它将尝试通过将其分解成子任务,并在自动循环中使用互联网和其他工具来实现这一目标

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值