URL 的参数(query)是什么,以及如何解析获取
本文是为了介绍 URL 中常见的参数部分,以及如何用常见的 Python、JavaScript、PHP 来解析获取参数。(可以点击左侧的目录,直接跳转想看的部分哦)
什么是 URL 参数
在访问一个网站的时候,可能会见到网址中有这样一段?id=1
或者其他类似?xxx=xxx
格式的部分。这是什么呢?
这部分在定义上叫做 query(有问号的意思,很形象了),也被称为 URL 访问参数(URL parameter)或者直接叫做 URL 参数。以?id=1
为例,?
表示参数的开始,id
就是参数名,而=1
表示参数的值为1
。如果有多个参数的话,使用&
来分隔参数。
URL 参数的用途和优势
用途的话,最直白、宽泛地来说就是:可以通过使用 URL 参数来通过 URL 传递信息。
具体一点来说就是可以实现搜索查询、过滤器等功能。
举个例子:假设用户在输入框输入abc
,按下回车之后,会返回一条地址为https://www.example.com/?keyword=abc
。在用户访问的时候,服务器会通过这里的 URL 参数keyword
来通过服务器搜索功能检索相关内容,然后返回给用户的电脑,这样用户就能看到相关的信息了。
还有一些网站会通过参数id
来管理自己的界面。通过获取 URL 参数,然后在数据库中检索,方便了很多。
优势的话,就是方便和快捷。
如果不使用 URL 参数,那么管理一些网站或者实现一些功能会极其麻烦。
如何解析 URL 参数
接下来介绍一下不同语言解析获取 URL 参数的方法。
这里为了篇幅不过长,分别将其写成了单独的博客。
Python
Python 可能是最简单的方法了。出于篇幅原因,请参考《Python 解析获取 URL 参数以及使用》
JavaScript
JavaScript 稍微繁琐一点。出于篇幅原因,请参考《如何使用 Javascript 获取 URL 参数》
PHP
PHP 和 Python 方法比较像,也是简单的。出于篇幅限制,请参考《如何使用 PHP 解析获取 URL 参数》
希望可以帮到有需要的人~
URL 的参数(query)是什么,以及如何解析获取相关推荐
- 通过URL传参数,然后第二个页面需要获取参数
/*** 方法说明:通过url参数键值名称获取参数的值* @method getQueryString* @param name 要获取的参数键值* @return* @remark*/ var ge ...
- JS--获取当前域名、端口号、url、参数--方法/实例
原文网址:JS--获取当前域名.端口号.url.参数--方法/实例_IT利刃出鞘的博客-CSDN博客 简介 说明 本文用示例介绍如何使用JavaScript获取当前页面的这些数据:域名.端口号.Url ...
- 获取父页面URL的参数对应值及左对齐字符串
1 /**//// <summary> 2 /// 返回包含中文字符的字符串长度. 3 /// C# 的string.Length中中文字只做1 ...
- window.location获取url各项参数详解
window.location方法后还还可以带href,search等参数,下面我们来看看获取url各项参数的办法. URL即:统一资源定位符 (Uniform Resource Locator, U ...
- 获取地址栏URL中参数, getQuerySting()方法
今天同事用的以前的获取url地址参数获取不到.以前的方法失效了.后面发现是正则表达式bug: 第一种获取方法(针对普通情况的一般够用): function getQueryString(name) { ...
- react获取URL中参数
这个问题想必很多人都会遇到过,这里我说一下怎么获取URL中的参数. react 获取URL原理: 在 react 组件的 componentDidMount 方法中打印一下 this.props,在浏 ...
- php接收get参数false是字符串,php解析url (parse_url) 参数成数组 (parse_str)
php解析url (parse_url) 参数成数组 (parse_str) (1)parse_url (PHP 4, PHP 5) - 解析 URL,返回其组成部分,函数原型如下: mixed pa ...
- [react-router] React-Router怎么获取URL的参数?
[react-router] React-Router怎么获取URL的参数? 通过params 类组件:在保证props能获取到路由信息的前提下(如果不是直接嵌套在<Route/>下,需要 ...
- vue 获取请求url_vue 获取url里参数的两种方法小结
我就废话不多说了,大家还是直接看代码吧~ 第一种: const query = Qs.parse(location.search.substring(1)) let passport = query. ...
最新文章
- 使用pxe来实现无人值守linux
- 使用TDI与WinSock进行客户端服务器编程
- 机器人运动学_不同D-H矩阵的对比
- boost::signals2模块实现多线程信号调用基准的测试程序
- 每天一个linux命令(56):netstat命令
- Android开发笔记(九十七)图片的特效处理
- java组件_三个必不可少的Java平台组件:什么是JVM,JDK,JRE?有啥区别?
- GNU/Linux下的开发环境
- Java知识系统回顾整理01基础03变量04类型转换
- 提高电商ROI的方法有哪些?
- PDF文件中的文字怎么修改?来试试这种修改方法
- Heapsort 代码 学习笔记 阳春三月版
- 2016年中山市信息学竞赛暨全国信息学联赛成绩表(普及组)
- css3简单实现页面中出现雪花飘落效果
- word格式化字符技巧
- java 的简单代码_绝对最简单(Java代码)
- android 浏览器控件
- 用R求矩阵的特征值和特征向量
- 狼追击兔matlab,狼兔追击问题-数学建模
- day61——自我检讨