使用JavaScript如何从URL获取查询字符串参数

URL中的查询字符串对于使用动态内容非常有用。
通常,服务器端语言用于从URL获取查询字符串。
但我们还可以将URL的查询字符串参数从URL到客户端。
可以使用JavaScript从URL轻松检索查询字符串参数和值。

javascript中的位置搜索属性返回URL的查询字符串部分。
示例代码向我们展示如何使用JavaScript从URL获取查询字符串。

假设URL是'http://onitroad.com/index.php?type= product&id=1234'

获取查询字符串参数
使用'location.search'获取查询字符串参数,包括问号(?
)。

var queryString = location.search;
//?type=product&id=1234

获取查询字符串参数值
URLSearchParams对象是使用JavaScript获取查询字符串参数值的最简单方法。
以下代码显示如何使用URLSearchParam与URL的查询字符串一起使用。

var urlParams = new URLSearchParams(location.search);
urlParams.has('type');  //true
urlParams.get('id');    //1234
urlParams.getAll('id'); //["1234"]
urlParams.toString();   //type=product&id=1234
日期:2020-06-02 22:16:05 来源:oir作者:oir