浏览器地址栏会将+号编码为%20的问题

于 2024-08-14 17:15:54 发布
阅读量37 收藏
点赞数
分类专栏： js 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/assassin_0302/article/details/141195826
版权

有时候链接上的参数会带有+号这个符号

一般来说%20 指的是空格，但是+号也被编码为%20了，

我的解决方案：

将链接地址上search的+号转成其他字符（一般是不常出现的一串字符串，出错几率低）代替。、

然后在页面获取参数时再解码并替换回来

有点坑 -。-

一闪一闪亮晶晶，漫天都是小星星
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用JS把URL地址栏%20、%55之类编码转成中文字符
09-17
URL中的某些字符因为具有特殊含义或不被支持，会被转换为十六进制形式的百分号编码（Percent-Encoding），例如空格通常被编码为"%20"，而"ü"则可能被编码为"%55"。本文将深入探讨如何使用JavaScript（简称JS）来...
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
01-20
node.js含有%百分号时，发送get请求时浏览器地址自动编码的问题 sales\报表.png 在发到后台时，会自动编码成： /file/view/sales/报表.png 在node.js会自动反编码成： sales\报表.png 不过如果文件名中含有%百...
前端链接地址中‘+‘被编码为%20问题记录
qq_49895914的博客
07-15 2060
关于浏览器编码中’+’被转义为%20的问题
前端链接地址中‘+‘被编码为%20（本为%2B）问题
热门推荐
小龙跳动的博客
10-17 2万+
我们会发现利用 decodeURIComponent解码时，%20会被我们解码成' '(空格)，从而导致解密失败，提取不到我们想要的参数；当项目需要，有些统一认证/单点登录登录成功后，会给我们的登录地址后面加上认证参数，需要我们提取这个参数去做登录处理。将拿到的地址链接中的%20全部替换成'+'，然后进行decodeURIComponent解码；按照w3c转码标准，空格应该被转译成%20，+号被转义成%2B。因为业务发生在内网机无法截图，下图 借图 其他博主。（如有更好的解决办法还请多多指教）
复制浏览器地址栏url会自动转编码(encode)
weixin_44159864的博客
01-12 3517
问题: 浏览器url是解码decode后的: 当我们复制到其他地方就会自动编码: 解决: 在https里加一个空格. 就能复制出来了. h ttps://www.baidu.com/s?wd=编码 也可以百度编码转换,用url解码.
浏览器地址栏中文乱码问题
weixin_53202763的博客
11-16 1万+
浏览器地址栏中文乱码问题 在浏览器的地址栏中，有时往往需要使用到中文的一些需求，这个时候改后台就会接收到一堆例如：%E6%9C%89%E8%B6%A3%E7%9A%84%E5%B0%8F%E7%8E%A9%E6%84%8F 这样的中文的URL编码后的结果。 处理上，个人只知道一种全局性的，希望大家要是有什么见解也能分享一下 ????。 地址栏上的中文乱码解决 前端解决方法 decodeURI() 函数 对 encodeURI() 函数编码过的 URI 进行解码。 下面是控制台的试验： 后端Java的解决方
浏览器地址栏编码
emo123ri的专栏
01-28 1287
public class TraceFilter implements Filter { private static final Logger logger = Logger.getLogger(TraceFilter.class); @Override public void init(FilterConfig filterConfig) throws Servle
浏览器url地址栏空格变+号
wsfufua的博客
02-18 761
浏览器地址栏空格变+号问题原因以及解决办法
获取浏览器地址栏参数
普罗旺斯的梦
10-28 1576
一、很对时候在路由跳转时或者在打开一个运维配置的服务时，地址上传入我们需要的参数，下面我就依照我项目中的案例讲一下获取参数的简单方法 1、例如我们当前的地址是这样的 我们在控制台打印一下location 接下来我们封装一个方法 // 获取参数的方法 getSearchParams(search) { const searchParams = {} const searchStr = search.substring(1) // 如果location中有search...
浏览器URL地址里一堆%或者6E616D6531之类的是啥？编码
Jason_Lee155的博客
07-31 4142
为什么要进行URL编码 我们都知道Http协议中参数的传输是"key=value"这种简直对形式的，如果要传多个参数就需要用“&”符号对键值对进行分割。如"?name1=value1&name2=value2"，这样在服务端在收到这种字符串的时候，会用“&”分割出每一个参数，然后再用“=”来分割出参数值。 针对“name1=value1&name2=value2”我们来说一下客户端到服务端的概念上解析过程: 上述字符串在计算机中用ASCII吗表示为： 6E616..
在浏览器地址栏中输入地址后浏览器发生了什么？
pingguo函数的博客
04-30 3499
当我们向浏览器的地址栏中输入一个网址并按下enter键之后，便可以跳转到网址对应的页面，那么浏览器内部是如何实现该功能的呢？从浏览器获取url到成功加载出页面主要经历了以下几个过程:
怎么获取浏览器地址栏的URL？怎么加密？
好的文章我尽力写，大家的学习我尽力帮
03-13 2849
1、console.log(window.location.href); //获取浏览器地址栏的整个url 2、console.log(window.location.protocol); //获取浏览器地址栏url的协议部分:http 3、console.log(window.location.host); //获取浏览器地址栏url的端口部分:localhost:8080 4、console.log(window.location.pathname); //获取浏览器地...
js修改地址栏URL参数解决url参数问题
12-03
总的来说，`changeURLPar`函数提供了一种简洁的方式来处理URL参数，但需要注意的是，这个函数不会更新浏览器的URL地址栏，如果需要实现这一功能，还需要结合`window.history.pushState`或`window.location`等API。...
解决了浏览器URL地址栏直接输入get参数值包含中文时的urlencode编码格式问题
08-07
前段时间，在做一个采集插件的时候，出现了一个问题。 浏览器网址后面带的get参数值含有中文的时候，在php里面获取字符串并且进行urlencode处理的时候，不同的浏览器，urlencode函数转换后的结果不一样。 原来...
浏览器地址栏欺骗漏洞挖掘.pdf
01-02
浏览器地址栏欺骗是一种网络安全漏洞，攻击者通过伪造网站地址，欺骗用户相信他们正在访问的是一个可信的站点，而实际上可能正被引向恶意网站。这种欺骗技术主要利用了浏览器的各种特性，包括URL跳转、地址栏焦点、...
Vue3 Suspense 和 defineAsyncComponent 结合使用方法
最新发布
qq_30193097的博客
08-13 139
定义一个异步组件，它在运行时是懒加载的。参数可以是一个异步加载函数，或是对加载行为进行更具体定制的一个选项对象。用于协调对组件树中嵌套的异步依赖的处理。上述案例可以实现大型项目的骨架屏效果。
ASP.NET Core Web API 使用Autofac框架
鲤籽鲲的博客
08-08 539
ASP.NET Core Web API 使用Autofac框架
略记一次抓取内容后解密及登录的经历
深蓝浅蓝的天
08-09 1040
从我这个不专业的爬虫工程师来看，爬虫工作是比较看耐心的，尤其是登录和其他的破解环节，一定要相信，从理论上来破的东西，它确实就能破，但确实太考验耐心了。最后再拿下登录返回的token，准备一台手机，自动接收验证码，然后启一个接受短信的服务存到redis，至此登录、请求接口、解密数据全部完成。，key是接口有返回的，但iv对方网站就隐藏的很好，除了这个iv，其他的问题都解决了，加密字符串也成功解密。尤其是解密的代码，调用栈太长了，我水平不够，整整看了2天，才从这种代码中找出了它主要的解密方式，
前端JS总结（中）
m0_54066656的博客
08-12 681
前端JS之内置对象总结，这很重要！！！
如何在浏览器地址栏上输入base64编码显示图片
04-07
在浏览器地址栏上输入以下格式的代码： data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB6JgAAgIQAAPoAAACA6AAAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfX9+AAAAJ3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCksMjM1Njc4OTo7PD0/QEFCQ0RFRkdISUpLTE1OT1BRUlRVVldYWVpjZGVnaGlrbG1ub3BxcnN0dXZ3eHl6e3x9fn+AgYKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2en6ChoqOkpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vb6/wMHCw8TFxsfIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+/w== 其中，data:image/png;base64,是固定的前缀，表示该数据是一个base64编码的PNG格式图片。 后面紧跟着的一长串字符就是图片的base64编码。 注意：该方法只适用于小尺寸的图片，大尺寸的图片可能会导致浏览器崩溃或运行缓慢。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值