js中文传参乱码

最新推荐文章于 2021-06-02 09:33:37 发布
最新推荐文章于 2021-06-02 09:33:37 发布
阅读量141 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Js 文章标签： jQuery Servlet JSP ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_8412/article/details/81924562
本文介绍了解决前端JS与后端Servlet交互时中文乱码的问题。通过在前端使用encodeURI进行两次编码，在后端使用URLDecoder.decode解码，确保了中文字符正确传递。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题出现的情况是：前台使用jquery或js捕获文本框内容，然后传递到后台servlet处理

前提是：项目已经进行了基本的jsp中文乱码解决问题

 

我们只需在我们的页面作如下处理：
1、js中在参数中：encodeURI(encodeURI(paramName))

2、在后台接受的servlet文件中：URLDecoder.decode(paramName, "UTF-8")

js传参乱码问题
周江霄
11-30 1104
最近在做一个项目中使用js传参，后台jsp接收的时候出现了乱码。通常情况下，在web页面中引用js脚本输出内容是会出现乱码，这是由于js的编码和.java的编码方式不同造成的。通常js的编码格式是Utf-8，.java的编码格式是gb2312。如果两者编码方式不一致，那么乱码就出现了。那么如何解决呢：      js代码： function returnAcquireBalance(compa
jsp中文乱码问题[jsp中文页面乱码与传参乱码].docx
最新发布
06-13
JSP中文乱码问题一直是Web开发中经常...总体而言，解决JSP中文乱码问题需要在页面编码、数据库连接、URL传值以及表单传参等多个环节中仔细检查和设置，确保整个Web应用的字符集处理逻辑一致，这样才能彻底解决问题。
JS传值出现中文参数乱码的解决方法
11-22
本文实例讲述了JS传值出现中文参数乱码的解决方法。分享给大家供大家参考，具体如下： function PopupFK(cNum,type){ var url = "contract!Paying.action"; url = url + "?contract.contractNum="+cNum+"&payingType="+type; // if(isEmpty($(_this).attr("payId"))){ // url = url + "&s_paymentId="+paymentId; // url = url + "&s_paymentDtlId="+paymentDt
JS传参出现乱码(转载)
weixin_30699235的博客
11-06 151
问题说明：在进行网站开发时，将表单的提交功能交给JS来传递，但是在传递中文的过程中出现类似于繁体字的乱码。 解决方案：为了解决这个问题，首先从底层的C#代码审查，重新设置页面传值进行模拟，但是几经测试没有出现乱码的情况。然后监视网页传值给JS代码时，JS处理过程中，发现“中文”也是正常的，最后将问题定位于JS传值给处理页面的过程中出现了乱码，经过自己的努力，终于将这个问题解决。具体...
javascript与java传值乱码
weixin_33910385的博客
12-17 150
javascript编码  encodeURI(cityname);   encodeURI(cityname); javascript解码  decodeURI(cityname);   decodeURI(cityname); java编码  URLEncoder.encode(citylist.get(i).getCityName(),"utf-8");   URLEncod...
js传参乱码
jadewoo的专栏
01-11 144
1、js客户端：encodeURI(encodeURI("要编码的值"))，encodeURI要用两次。 2、java服务器端：java.net.URLDecoder.decode("参数名", "UTF-8");或new String(request.getParameter("参数名").getByte("iso-8859-1","utf-8"))；...
url 编码 js url传参中文乱码解决方案
10-29
在Web开发过程中，使用JavaScript在URL中传递参数时，常常会遇到中文乱码的问题。这主要是因为URL和HTTP协议都是基于ASCII字符集设计的，而中文字符不在ASCII字符集范围内。因此，当参数中包含中文或特殊字符时，...
jsp页面传参乱码的解决方法
10-26
本文将详细介绍如何解决JSP页面传参乱码的问题。 首先，我们需要了解JSP页面与服务器之间的通信机制。通常，当用户在JSP页面上填写表单并提交时，数据通过HTTP请求发送到服务器。这些请求参数默认使用ASCII编码。...
js传参乱码解决（亲测可行）
05-05
### js传参乱码解决（亲测可行） 在Web开发中，经常遇到的一个问题是客户端向服务器端传递参数时出现乱码的情况。这个问题主要是由于字符编码不一致所导致的。为了帮助开发者更好地理解如何解决js传参乱码的问题，...
js和后台传参乱码问题
wangbingqi的专栏
06-23 599
javascrīpt中存在几种对URL字符串进行编码的：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。 escape() 方法： 采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。
js传递中文乱码
09-30
js向服务器端传递中文时乱码，搜索是可以通过这个解决乱码问题，包括传值乱码
解决JS传递中文乱码问题
07-20
解决JS传递中文乱码问题
JS传参出现乱码的种种分析
weixin_30625691的博客
12-09 168
通常情况下，在web页面中引用js脚本输出内容是会出现乱码，这是由于js的编码和.net的编码方式不同造成的。通常js的编码格式是Utf-8，.NET的编码格式是gb2312。如果两者编码方式不一致，那么乱码就出现了。解决方法：一种方法是在配置文件中的<system.web></system.web>节点内部添加<globalization requestEncodi...
js传值中文乱码问题
热门推荐
qq30211478的博客
11-08 2万+
（一）解决中文乱码问题 对于中文乱码问题，首先要清楚在哪个环节发生了中文乱码，前台向后台传值发生乱码，还是后台向前台传值发生乱码，是哪种类型js，url还是jsp。 可以通过调试，观察具体乱码变量值，找到具体位置，进行解决。 （二）HTML解码编码工具类 1、java.net.URLDecoder类 HTML格式解码的实用工具类，有一个静态方法：public static String...
利用JS彻底解决超链接传参中文乱码问题
WingBin的专栏
05-16 2206
//解决超链接中文问题 function linkClick(linkObject) { var formObject = document.createElement('form'); document.body.appendChild(formObject); formObject.setAttribute('method', 'post
Js传参中文乱码解决方法
luyundesign的博客
06-02 3398
首先，地址栏传中文是很不明智的，因为不同的浏览器对与中文的解析存在不同的方法。所以，建议如果能不用尽量不要用。 当然，很多时候奇葩需求要求我们必须解决这个办法。 下面，是解决个别奇葩需求的方法。 在中文参数加入到地址栏之前进行转码。（注意，简单转码是不可以的，浏览器会根据编码方式对已经编码的部分进行一次反编译。） 正确方法是： 在中文加入到地址栏前，进行两次encodeURI转码 在传输过程中浏览器会解析一遍，到达指定页面获取地址栏参数的时候，再进行一次decodeURI解码就可以了。 列子： A页面传参
js的url传参中文乱码问题
heartbeaty的专栏
06-13 866
方法一：在后台接收参数的时候设置解码方式 advicetype =new String(advicetype.getBytes("iso-8859-1"),"UTF-8");参数为advicetype; 方法二：.配置文件web.config中 在节中加上整个网站的编码方式。 这样参数就以gb2312的中文编码方式传输了。而一般默认是utf－8. 方法三：在传参是先编码在传输，
js、URL传递含有中文参数时的乱码问题解决
jackpk的专栏
11-13 1万+
1、使用代码完成字符集修改 方法（一）：html页面：function testOne() {   var url =  "testOne_test.do?expr="+你好;   location  = encodeURI(url);} 后台java代码：String expr = new String(request.getParameter("expr").g
【技术贴】解决前台js传参中文乱码
diyu8056的博客
08-16 107
方法1： 前台两次编码，后台一次解码。因为getParamet已经自动解了一次了。 JavaScript： window.self.location="list.jsp?searchtext="+encodeURIComponent(encodeURIComponent(seartext)); java： searchtext=java.net.U...
vue3 query中文传参变乱码
12-28
### Vue3 Query 中文传参乱码解决方案 在 Vue3 应用程序中，当通过 `query` 方式传递中文参数时遇到乱码问题，通常是因为编码设置不统一或未正确处理字符集转换。为了确保 URL 参数能够被正确解析并显示，建议采取以下措施： #### 设置正确的响应头 服务器端应配置 HTTP 响应头部来指定内容类型及其字符集为 UTF-8，这样浏览器就能按照预期解码接收到的数据。 ```java response.setCharacterEncoding("UTF-8"); response.setHeader("content-type", "text/html; charset=utf-8"); response.setContentType("text/html;charset=utf-8"); request.setCharacterEncoding("UTF-8"); // 如果有表单提交等情况也需设置请求体编码[^2] ``` #### 使用 JavaScript 编码函数 对于客户端而言，在构建查询字符串之前应该先对特殊字符（尤其是非 ASCII 字符）进行百分号编码。可以利用内置的 `encodeURIComponent()` 方法来进行此操作。 ```javascript const params = new URLSearchParams({ name: encodeURIComponent('你好') }).toString(); // 构建完整的URL链接 const fullPath = `${baseUrl}?${params}`; console.log(fullPath); // 输出类似于 http://example.com/?name=%E4%BD%A0%E5%A5%BD ``` #### 处理接收方的解码逻辑 如果目标页面是 HTML 文件，则无需额外做任何事情；但如果是在服务端渲染的应用或者是 API 接口，则需要确保其能正确识别并解释这些经过编码后的参数值。大多数现代框架和服务都会自动完成这项工作，但仍有必要确认这一点。 另外一种情况是从其他地方获取到已经编码过的字符串形式的参数列表时，可以通过 `decodeURIComponent()` 函数将其还原成原始文本表示: ```javascript let decodedName = decodeURIComponent('%E4%BD%A0%E5%A5%BD'); console.log(decodedName); // 打印 '你好' ``` 以上方法可以帮助解决 Vue3 项目中通过 query 形式传输带有汉字的信息所引发的各种潜在兼容性和显示方面的问题[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值