window.location.href问号传参中文乱码问题（html页面）

最新推荐文章于 2024-07-25 11:26:35 发布
最新推荐文章于 2024-07-25 11:26:35 发布
阅读量3k 收藏 4
点赞数 3
文章标签： html ajax 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GJX00/article/details/122006851
版权

先说说出现的问题，当登录成功时将用户名出给管理界面，显示本次登录的用户名，我用ajax， window.location.href=“user.html?”+data.name+"";传的值然后在后台接收时用的ajax的var message=(window.location.href).split("?")[1];接收值出现乱码结果如图
在这里插入图片描述
看url地址传的用户名是中文，但是左上角接到的是乱码
这个时候我们将var message=(window.location.href).split("?")[1];改为
var message=decodeURI(window.location.href).split("?")[1];问题解决如图
在这里插入图片描述
因为我是直接在登录的html页面将用户名传给另一个html所有不涉及后台这里这样解决乱码问题，希望可以帮助到大家。

囂蘳
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
href跳转html页面拼接参数,JavaScript对页面URL及拼接参数的获取、设置以及中文乱码问题的解决...
weixin_42498487的博客
06-07 1887
移动端微信项目中常常需要获取某一页面URL中的参数，以便能进行一系列的操作和设置。综合最近项目中的实际场景和需要，在此总结一下如何获取URL中拼接的参数以及中文乱码问题的解决。当我们在页面之间利用get方式传值时，会作为参数直接拼接到页面地址的后面，即以”key1=value1&key2=value2…“拼接在“？”的后面。到了目标页面之后，我们可以通过对URL进行获取，从而得到需要的ke...
JavaScript之location.search中文乱码的问题
仗剑天涯，从摘要开始
12-04 1503
JavaScript的location.search返回URL的查询字符串，这个字符串以问号开头，如下图就是该方法返回的查询字符串： 获取并解析查询字符串的方法： function getQueryStringArgs() { var qs = (location.search.length>0 ? location.search.substring(1):""), ...
转载--window.location.href传参/传值汇总
w9567
09-13 3719
window.location.href传参/传值汇总 找了网上的几种版本(做个笔记汇总) One:(https://www.cnblogs.com/weimingxin/p/6773881.html) Two:(https://blog.csdn.net/weixin_43496408/article/details/103479735) Three:(https://blog.csdn.net/qq_42833778/article/details/83621829) 可以直接使用window.lo
window location href 传中文参数乱码是问号的问题
二木成林
10-13 1931
错误 window.location.href传递中文参数，控制台输出问号乱码。 原因 没有对编码进行转码，导致乱码。 错误代码 传参 window.location.href="pageServlet？action=pager&search=student&content="+checkedStudent; 收参 String checkedUsername=...
window.location.href 传中文乱码
刚才的博客
07-11 5766
window.location.href url含中文服务器收到乱码问题解决 中文乱码问题 window.location.href url含中文服务器收到乱码问题解决 (1).页面中先对中文进行编码。 如：window.location.href = url+"&groupName=" + encodeURI(encodeURI(groupName)) ;
window.open、window.location.href 两个html之间传递参数 解析乱码 title
weixin_46463643的博客
12-14 286
打开一个新的窗口 window.open(`#/suspicious-count?id=${data.yhkh}&score=${data.score}&tags=${data.labels}` 获取参数 this.$route.query.tags
前端页面选择时间乱码_web前端页面解决中文传参乱码问题
weixin_39777497的博客
12-31 370
问题背景：在项目中往往会涉及到前端跳转页面时要传一些参数给下一个页面，如果参数是英文或者数字的时候就很好解决，然而有时候传参会涉及到中文汉字，这个时候再单纯的拼接往往就会导致中文乱码，下面我们就该讨论一下如何解决中文传参乱码的问题。假设A页面跳转到B页面并且A向B传参，首先在A页面中要调用这个方法：encodeURI("这里是中文参数");完整的拼接效果为：window.location.href...
解决html之间传递参数且参数为中文时出现的乱码问题
哈哈哈
07-27 1417
一. 前言 现在互联网开发都是前后端分离的，有时候我们需要在html之间传递参数和获取参数值，这时候该怎么来做呢？ 二. 场景 **需求：**在首页有一个搜索框和搜索按钮，在首页输入要搜索的商品，点击搜索按钮进行查询，查询结果要在另外一个页面进行展示。 **思路：**既然要在另外一个页面进行展示，那肯定要获取主页输入框中的值，然后通过ajax请求后端，将响应的结果展示在前端。 实现步骤： var searchText = $("#search-text").val(); //获取输入框的内容 //encod
详解js location.href和window.open的几种用法和区别
12-14
一、location.href常见的几种形式 self.location.href;//当前页面打开URL页面 [removed].href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面 location.href;// 当前页面打开URL页面 parent....
window.location.href页面跳转的用法（区别于redirect）
10-25
### window.location.href页面跳转的用法（区别于redirect） #### 概述 在Web开发过程中，页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转，但这种方式无法在跳转前执行客户端脚本...
location.href语句与火狐不兼容的问题
12-10
于是我在location前面加了一个 window，即改为： onclick=”[removed].href(‘http://baidu.com’);” 发现仍然不行。 于是去baidu之，找到一个答案： 使用[removed]=”url”; 代替 location.href(‘url’);” 于是...
JS 中document.URL 和 windows.location.href 的区别
10-29
在JavaScript中，`document.URL`和`window.location.href`都是用来获取当前页面URL的属性，但它们之间存在一些微妙的差异。理解这些差异对于编写精确的前端代码至关重要。 首先，我们要明确`document`和`window`是...
基于 HTML+ECharts 实现的大数据可视化平台模板（含源码）
柯晓楠
07-24 3259
大数据的可视化对于企业决策、市场分析和业务洞察至关重要。通过直观的数据展示，团队可以快速理解复杂的数据模式，发现潜在的业务机会。本文将详细介绍如何利用 HTML 和 ECharts 实现一个功能丰富的大数据可视化平台模板。
html实现酷炫美观的可视化大屏(十种风格示例，附源码)
最新发布
xcLeigh
07-25 1833
html实现酷炫美观的可视化大屏(十种风格示例，附源码)，大屏源码，可视化大屏模板源码，html可视化大屏源码下载，内含十种不同风格的大屏可视化代码，详细的讲解，酷炫的线条，美观的设计，让图文图表结合的更融洽。兼容各种大屏，调整页面到合适的分辨率，F12全屏观看。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
【HTML — 构建网络】HTML 入门
07-24 1176
如果您查看许多其他站点的代码，您可能会遇到许多奇怪的标记样式，包括不带引号的属性值。在这一点上，你应该了解 HTML 是什么样子的，以及它在基本层面上是如何工作的。在 HTML 中，不需要在 void 元素标记的末尾添加 a，例如： .但是，它也是一种有效的语法，当您希望 HTML 是有效的 XML 时，您可以这样做。现在，您可以在 Web 浏览器中打开此文件，以查看呈现的代码的外观。在本练习中，您可以如前所述在计算机上本地编辑代码，也可以在下面的示例窗口中编辑代码（在本例中，可编辑示例窗口仅表示。
HTML 基础知识
07-24 1009
你写的替代文本应该为读者提供足够的信息，以便对图像传达的内容有一个很好的了解。对于我们的Firefox徽标，一个更好的替代品是“Firefox徽标：围绕地球的火焰狐狸”。如果它们如上所示重叠，那么您的 Web 浏览器将尝试对您想说的内容做出最佳猜测，这可能会导致意外结果。正如我们之前所说，它将图像嵌入到我们的页面中，该图像位于它出现的位置。空格（或任何字符）的简单属性值可以保持不加引号的状态，但建议您将所有属性值加引号，因为这可以使代码更加一致和易于理解。创建链接后，单击它以确保它将您发送到您想要的地方。
HTML(五）——HTML区块，布局
m0_62701594的博客
07-23 487
HTML可以通过 <div> 和 <span>将元素组合起来，可以来布局，就是盒子，div是块级盒子，里面 可以放任何东西，span里面装的是文本。
HTML开发小技巧：根据用户浏览器的分辨率调整控件的大小
ioioppk的博客
07-25 556
在Html页面开发中，我们通常会用Style进行控件的宽度高度进行控件的格式设置，如果直接设置像素的话，无法根据用户的浏览器进行宽高的适配，所以我们要做到根据实际使用的浏览器进行控件大小的自动调整，以下是几种控件自动调整的方式：
window.location.href表单传参
08-19
window.location.href可以用于页面跳转并传递参数。通过将参数添加到URL中的查询字符串中，可以在目标页面中获取这些参数。一种常见的方式是在URL中使用问号传参的方式，例如：window.location.href = "./punch/clock_frm.html?modFlag=" + modFlag + "&role=" + role。这样，modFlag和role参数的值就会被传递到目标页面中。在目标页面中，可以使用JavaScript解析URL中的查询字符串来获取这些参数。一个常见的方法是使用location.search来获取URL中的查询字符串部分，然后使用split和for循环来解析参数值。例如： var url = location.search; //获取url中"?"符后的字串 (’?modFlag=business&role=1’) var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); var strs = str.split("&"); for (var i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]); } console.log(theRequest); } 这样，theRequest对象就包含了传递的参数值。如果需要解决中文乱码问题，可以使用encodeURI对中文内容进行编码，例如：window.location.href = 'aaa.html?Unit=' + encodeURI(encodeURI(中文内容))。在接收页面中，可以使用decodeURI对URL进行解码，例如：decodeURI(window.location.href)。这样，就可以正确地传递和接收带有中文的参数值了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [转载--window.location.href传参/传值汇总](https://blog.csdn.net/weixin_47382065/article/details/120264692)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [记一次window.location.href传对象问题](https://blog.csdn.net/w979000397/article/details/123728766)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值