关于 window.location.search获取的字符串为中文后乱码的问题

已于 2022-03-26 11:23:44 修改
阅读量1.8k 收藏 6
点赞数 4
分类专栏： 学习笔记 文章标签： html 前端 typescript js
于 2022-03-26 03:13:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43802768/article/details/123749563
版权

在程序中使用var value =  window.location.search.split("?")[1];获取地址栏中信息后发现在页面显示中出现乱码现象。

获取并解析查询字符串的方法：

var value = decodeURIComponent(window.location.search.split("?")[1]);
decodeURIComponent() 解码是关键，如果不解码有可能获取到的userid是一堆被编码过的字符串。

修改后成功显示中文字符：

是陈哈哈噢
关注
  • 4
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
字符串 window.open() window.opener window.name window对象等的总结
06-14
`window.name` 属性允许我们为`window`对象设置一个字符串值，该值在窗口的生命周期内保持不变，即使窗口被导航到其他URL。这可以用来在页面间传递数据，特别是在`window.open()`的场景下。 ```javascript // 设置...
window.open参数详解.txt
08-14
- `name`：（可选）一个字符串，表示新窗口的名称，可以用来标识这个窗口，以便后续操作。如果为空，则浏览器会自动分配一个名字。 - `features`：（可选）一个字符串，用于描述新窗口的特性，如大小、位置、滚动条...
JavaScript之location.search中文乱码的问题
BYYDMNZ的博客
03-15 6795
JavaScript的location.search返回URL的查询字符串，这个字符串以问号开头，如下图就是该方法返回的查询字符串：获取并解析查询字符串的方法：function getQueryStringArgs() { var qs = (location.search.length>0 ? location.search.substring(1):""), args =...
jquery获取URL中参数解决中文乱码问题的两种方法
12-09
从A页面通过url传参到B页面时，解析url参数可以用下面两种方法： 方法一：正则分析法 代码如下: function getQueryString(name) { var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”, “i”); var r = [removed].search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } 这样调用： 代码如下: alert(GetQueryString(“参数名1”)); aler
window.location.search取不到值
最新发布
Z_Wonderful的博客
05-28 418
window.location.search取不到值
踩坑分享（ 5 ）- window.location.search截的中文是乱码
烟溪彭于晏的博客
05-27 222
解决window.location.search截的中文是乱码
JavaScript 获取url参数及解决中文乱码问题
TwoBE9876的博客
03-02 3605
用encodeURI()加密name，在getQueryVariable()使用decodeURI()解密。用escape()加密gender，在getQueryString()使用unescape()解密。注意：前面方法尚未对中文进行处理，如果传递的值是中文，会产生乱码。方法一：encodeURI()、decodeURI()方法二：escape()、unescape()我们可以对中文单独加密，也可以对整个url加密。直接调用函数并传递参数名即可。
为何解析浏览器地址参数会为null_JavaScript从零开始——浏览器模型（7）
weixin_39717692的博客
12-02 838
URL 是互联网的基础设施之一。浏览器提供了一些原生对象（Location 对象，URL 对象，URLSearchParams 对象），用来在浏览器端管理 URL（不影响服务器）。1 Location 对象Location对象是浏览器提供的原生对象，提供 URL 相关的信息和操作方法。通过window.location和document.location属性，可以拿到这个对象。1.1 属性Loca...
关于request.getHeader("Referer")的问题探讨
10-26
如果不包含，可能需要将ISO-8859-1编码的字节流转换为GBK编码的字符串，以确保正确显示中文。 在实际开发中，应对`request.getHeader("Referer")`的使用持谨慎态度，因为它并不是一个强制性的标准，并且受到多种...
前后台字符集转码.txt
12-04
例如，当用户在前端输入中文时，如果直接将这些中文字符串发送到服务器，可能会出现乱码问题。因此，需要在前端对中文进行编码，在后端接收到数据后再进行解码。 ### 前端字符集转码 在JavaScript中，可以使用`...
java 页面url传值中文乱码的解决方法
09-05
这样，`title`变量就会包含解码后的中文字符串，避免了乱码问题。 此外，对于`parent.window.location.href`和iframe中`src`属性的乱码问题，处理方式与Ajax请求类似，也需要在前端进行编码，然后在服务器端解码。...
js去浏览器路径相关
weixin_33862993的博客
10-10 604
2019独角兽企业重金招聘Python工程师标准>>> ...
解决获取url里参数问题及中文乱码问题
m0_58845207的博客
12-28 939
console.log(decodeURIComponent(name))//参数为中文是会发生乱码,解码
解决获取url地址中有中文乱码的问题
m0_62164658的博客
09-17 764
首先，一般获取网页的url地址我习惯用window.location.search和windowlocation.href.但是，用着两个方法获取到的字符串里如果有中文的情况它就会出现中文乱码的情况。解决的办法的关键就是用。
网页上获取当前地址栏上特定参数的参数值，解决中文乱码问题
weixin_38661736的博客
10-19 329
第一种方法：可以获取当前地址栏上的特定参数值，但是参数的值为中文的时候会乱码 //获取url中的参数     function getUrlParam(name) {         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象         var r = wi...
关于window.location.href 传中文参数 乱码问题
热门推荐
hllll_huang的博客
12-17 1万+
传中文查询乱码问题 则需要对要传的参数进行二次编码 例如  window.location.href ="/xx.jsp?name="+name+"";  这样子则会乱码 改成 window.location.href ="/xx.jsp?name="+  encodeURI(encodeURI(name))+"";  在接受的jsp页面 或者是controller 中进行解码
window.location.search获取多值
05-20
当 `window.location.search` 用于获取URL查询字符串时，它将返回以 `?` 开头的所有查询参数。 如果查询参数包含多个值，它们将由 `&` 分隔。例如，URL `https://example.com/?foo=bar&baz=qux&baz=quux` 中的查询参数包含两个键值对：`foo=bar` 和 `baz=qux&baz=quux`，其中 `baz` 有两个值：`qux` 和 `quux`。 您可以使用 `URLSearchParams` API 以编程方式解析查询字符串，或者您可以使用正则表达式从 `window.location.search` 字符串中提取多个值： ```javascript const searchParams = new URLSearchParams(window.location.search); const bazValues = searchParams.getAll('baz'); // ['qux', 'quux'] // 或者使用正则表达式提取多个值 const regex = /[?&]baz=([^&]*)/g; const bazMatches = []; let match; while ((match = regex.exec(window.location.search)) !== null) { bazMatches.push(match[1]); } console.log(bazMatches); // ['qux', 'quux'] ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值