解决URL传值包含中文时乱码的问题

1、前言

很多时候我们需要利用URL进行传值，当其中的参数值为中文时，接收端可能会产生乱码问题，下面就来说明一下如何解决这个问题。

2、接收URL参数值

定义index.html，添加一个按钮，点击该按钮后跳转到main.html，代码如下：

index.html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>index</title>
</head>
<body><button id="btn">跳转</button><script>document.getElementById('btn').onclick = function () {window.location.href = 'main.html?Name=张三';}</script>
</body>
</html>

main.html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>main</title>
</head>
<body><script>var href = window.location.href;var name = href.split('?')[1].split('=')[1];window.alert(name);</script>
</body>
</html>

在IE下运行，发现能够正常接收参数，结果如下图：

在Chrome下运行，发现参数乱码，结果如下图：

在Firefox下运行，发现参数乱码，结果如下图：

3、URL解码

导致上面问题的主要原因是：Chrome和Firefox会对中文进行编码，解决方法也很简单：对URL解码即可，修改一下main.html的代码，使用decodeURIComponent方法对URL进行解码：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>main</title>
</head>
<body><script>var href = decodeURIComponent(window.location.href);var name = href.split('?')[1].split('=')[1];window.alert(name);</script>
</body>
</html>

在IE下运行，发现能够正常接收参数，结果如下图：

在Chrome下运行，发现能够正常接收参数，结果如下图：

在Firefox下运行，发现能够正常接收参数，结果如下图：

解决URL传值包含中文时乱码的问题相关推荐

JS中页面跳转，传值包含中文时乱码解决方案
首先,在JS中将要传递的中文编码:encodeURI(encodeURI(value)): 然后在跳转界面中取值时通过以下方式解码:java.net.URLDecoder.decode(value , ...
java.net.url 中文乱码_asp.net URL中包含中文参数造成乱码的解决方法
asp.net URL中包含中文参数造成乱码的解决方法更新时间:2010年03月08日 21:44:27 作者: 中文乱码一直以来是WEB开发中比较常见的问题之一,对于初学者来说,各种各样的编码 ...
split逗号分割中文出现乱码java_Java中URL传中文时乱码的问题解决方案
前言 Java中URL传中文时乱码的问题相信不少朋友都遇到过,最近就遇到一个问题,就是在Action当中把一条中文信息绑定在URL的后面,ActionForward到别一个页面时,用reqeust.g ...
通过js跳转url下载包含中文的文件乱码问题解决方案（java）
通过js跳转url下载包含中文的文件乱码问题解决方案(java) 参考文章: (1)通过js跳转url下载包含中文的文件乱码问题解决方案(java) (2)https://www.cnblogs.co ...
Js的Url中传递中文参数乱码的解决
一:Js的Url中传递中文参数乱码问题,重点:encodeURI编码,decodeURI解码: 1.传参页面 Javascript代码: 2. 接收参数页面:test02.html 二:如何获取Url ...
python存成csv文件时中文乱码_Python在向CSV文件写中文时乱码的处理办法
前言 python2最大的坑在于中文编码问题,遇到中文报错首先加u,再各种encode.decode. 当list.tuple.dict里面有中文时,打印出来的是Unicode编码,这个是无解的. 对 ...
java 中文转义_java下载url路径包含中文需要转义的操作
大家看这个url: http://127.0.0.1:9997/file/江苏省地震应急预案(二级).docx 应为url路径中有中文没有转义,输入流报错 The valid characters a ...
【已解决】PyLaTeX 编译中文出现乱码
[已解决]PyLaTeX 编译中文出现乱码最近在使用PyLaTeX编辑文档时,由于是第一次在Python中编写中文的LaTeX文档,所以遇到了以下的问题: PyLaTeX无法编译中文: 产生的.pd ...
html调用外部js文件乱码,引用的js文件有中文时乱码
Javascript 代码比较多时,通常把代码保存到一个独立的 js 文件中,这样不但利于减少 html 文件长度好布局修改,而且利于搜索引擎蜘蛛抓取.把 Javascript 代码放到 js 文件后 ...

解决URL传值包含中文时乱码的问题

1、前言

2、接收URL参数值

3、URL解码

解决URL传值包含中文时乱码的问题相关推荐

最新文章

热门文章