如何使用Javascript从网址获取查询字符串？

Query string is part of URL. After question mark query string begins with simple key-value pairs. Popular JavaScript frameworks provide libraries to get query string with JavaScript. But how can we get it with pure JavaScript without using any JavaScript framework?

查询字符串是URL的一部分。 问号后的查询字符串以简单的键值对开头。 流行JavaScript框架提供了使用JavaScript获取查询字符串的库。 但是，如何在不使用任何JavaScript框架的情况下使用纯JavaScript来获得它呢？

getParameterByName()函数 (getParameterByName() Function)

First we create a function to to get, parse the URL and get values with keys.

首先，我们创建一个函数来获取，解析URL并获取带有键的值。

function getParameterByName(name, url) {
 if (!url) {
 url = window.location.href;
 }
 name = name.replace(/[\[\]]/g, "\\$&");
 var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
 results = regex.exec(url);
 if (!results) return null;
 if (!results[2]) return '';
 return decodeURIComponent(results[2].replace(/\+/g, " "));
}

• Here we create a function name getParameterByName.

  在这里，我们创建一个函数名称getParameterByName 。

• We provide key with name parameter.

  我们提供带有名称参数的密钥。

• url parameter is optional we can pass it if we need.

  url参数是可选的，我们可以根据需要传递它。

• function returns value of the key.
  函数返回键的值。

getParameterByName函数的用法 (Usage of getParameterByName Function)

Usage is very simple like a dictionary structure.

用法非常简单，就像字典结构一样。

http://index.html?size=15

• This our sample URL
  这是我们的示例网址

var size=getParameterByName('size')

• We use our function getParameterByName with the key exists in URL.
  我们将函数getParameterByName与URL中存在的键一起使用。

• size will be 15 without example URL.

  如果没有示例网址，则大小为15。

如何使用Javascript从网址获取查询字符串？ 信息移植 (How To Get Query String From Url With Javascript? Infografic)

How To Get Query String From Url With Javascript? Infografic

如何使用Javascript从网址获取查询字符串？ 信息移植

LEARN MORE  What Is Apache Web Server?

了解更多什么是Apache Web Server？

翻译自: https://www.poftut.com/get-query-string-url-javascript/