Http请求(bug)——路径变量传参遇到特殊符号的问题 & URL中的#,?,&符号作用

前言

本篇博客分析路径变量传参遇到特殊符号的问题,阐述了URL中的#,?,&符号作用。

目录

引出


1.路径变量传参遇到特殊符号的问题;

2.url中#代表网页一个位置;

3.url中的?代表连接参数: /getUser?userId=123,此外,可以清除缓存;

4.url中的& 表示不同参数连接符;

路径变量传参遇到特殊符号的问题

问题描述

采用路径变量传参,获取sn,然后根据key获得map里的value,结果返回为null;当换成请求参数传参,能够正常返回。

GET http://localhost:9099/report/data/m3568#7eaf7f0a7e17a7b6

GET http://localhost:9099/report/data/sn?sn=m3568#7eaf7f0a7e17a7b6

问题分析

进行获取的参数sn的打印,打印出来结果如下所示,所以# 在url应该是类似于关键字的特定的符号的存在。

URL中的 #,?,&符号的作用

URL中# 的作用

实际上在HTTP请求中,"#"号后面的参数是没有被传到服务器的

#代表网页一个位置,URL中#右边的字符就是该位置的标识符,如 http://www.example.com/index.html#print就代表网页index.html的print位置。

浏览器读取这个URL后,会自动将print位置滚动至可视区域。为网页位置指定标识符,有两个方法。

使用锚点,比如

java 复制代码
<a name="print"></a>

使用id属性,比如

java 复制代码
<div id="print">

想到达页面中的某一个指定的位置,可以通过#来实现,我们经常也能看到这样的情况。

tips:相关注意事项

1.单单改变URL"#"后面的参数是不会是html页面进行重载的;

2.改变URL"#"后面的参数会使浏览器新增一条浏览记录。也就是,虽然页面没有重载,但是会改变你浏览网页的历史记录。也就是点击浏览器的上一个页面的时候,#号后面的参数改变会被默认是一次新的访问记录。

URL中的 ?

连接参数: /getUser?userId=123

清除缓存,以下两个URL返回的页面是一致的,但是第二个有?,说明不会调用缓存的内容,重新向服务器发送请求。这个在开发过程中,设置浏览器不缓存js文件特别有用。

http://www.example.com/index.html

http://www.example.com/index.html?ts1234434

URL中的 &

不同参数连接符,如/getUser?userId=123&corpId=2400

服务器解析后获取不同的参数

参考文章:

https://blog.csdn.net/menxianfu/article/details/77341416

https://www.cnblogs.com/chenguanai/p/17102375.html


总结

1.路径变量传参遇到特殊符号的问题;

2.url中#代表网页一个位置;

3.url中的?代表连接参数: /getUser?userId=123,此外,可以清除缓存;

4.url中的& 表示不同参数连接符;

相关推荐
码匠许师傅4 小时前
【C++三方组件】cpp-httplib:一个头文件起 HTTP 服务
开发语言·c++·http
不会就选b4 小时前
Linux之应用层协议HTTP(二)
网络·网络协议·http
hasty5 小时前
只监听本机为何仍需鉴权?Cline Hub 的 WebSocket 信任边界解析
网络·websocket·网络协议
2501_937860948 小时前
下篇:网络层、数据链路层与应用层:IP、NAT、ARP、DNS 一网打尽
网络·网络协议·tcp/ip
ITxiaobing20239 小时前
IP 定位服务怎么选:第三方认可、实测精度和合规边界不是一回事
网络·网络协议·tcp/ip
VidDown9 小时前
从视频画面里提取文字:OCR、文字检测与结构化输出
python·网络协议·ocr·音视频·视频编解码·视频
阿钱真强道9 小时前
12 嵌入式操作系统 | UDP 服务器编程
服务器·网络协议·udp
VidDown11 小时前
文件没问题但网页播不了:播放器接入实战与那些“环境问题
python·网络协议·音视频·视频编解码·视频
liangshanbo121512 小时前
面试题:HTTP/2有哪些升级
网络·网络协议·http
web打印社区12 小时前
远程打印:WebSocket 与 HTTP 轮询怎么选
前端·vue.js·websocket·网络协议·http·electron·pdf