jQuery如何解析URL中的参数值？

Question

jQuery获取地址栏url参数

获取url参数内容

Answer 1

// https://www.example.com?a=1&b=2
const search = new URLSearchParams(location.search)

search.get('a') // '1'

Answer 2

可以构造一个 URL 实例来获取。https://developer.mozilla.org/zh-CN/docs/Web/API/URL

const instance = new URL('https://www.example.com?a=1&b=2')
const search = instance.search
const searchParams = instance.searchParams
console.log(search) // ?a=1&b=2
console.log(searchParams) // URLSearchParams {size: 2}
console.log(searchParams.get("a")) // 1

Answer 3

function getUrlParams(url) {
    // 通过 ? 分割获取后面的参数字符串
    if (!url.split("?")) {
        return {};
    }
    var urlStr = url.split("?")[1];
    console.log("urlStr", urlStr);
    if (!urlStr) {
        return {};
    }
    // 创建空对象存储参数
    var obj = {};
    // 再通过 & 将每一个参数单独分割出来
    var paramsArr = urlStr.split("&");
    for (var i = 0, len = paramsArr.length; i < len; i++) {
        // 再通过 = 将每一个参数分割为 key:value 的形式
        var arr = paramsArr[i].split("=");
        obj[arr[0]] = arr[1];
    }
    return obj;
}

var urlParams = getUrlParams("http://baidu.com?a=1&b=2&c=3");
console.log(urlParams["a"]);
console.log(urlParams["b"]);
console.log(urlParams["c"]);

Answer 4

解析URL中的参数值，可以使用正则来解析URL中的参数值。$.urlParam()方法接受两个参数：第一个参数是要解析的参数名，第二个参数是默认值（当参数不存在时返回的值）。例如：

// 获取URL参数的方法
function urlParam(name，default_value) {
  var url = window.location.href;
  name = name.replace(/[[]]/g, "\\$&");
  var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
      results = regex.exec(url);
  if (!results) return default_value;
  if (!results[2]) return '';
  return decodeURIComponent(results[2].replace(/\+/g, " "));
}

// 解析名为"id"的参数值
var id = $.urlParam("id", "default_value");
console.log(id);

// 解析名为"name"的参数值，如果不存在则返回"unknown"
var name = $.urlParam("name", "unknown");
console.log(name);

上述代码将分别输出名为"id"和"name"的参数值。

Answer 5

function getUrlParams(url) {
var params = {};
var parser = document.createElement('a');
parser.href = url;

var query = parser.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {

var pair = vars[i].split('=');
if (pair.length === 2) {
  params[pair[0]] = decodeURIComponent(pair[1]);
}

}
return params;
}

// 示例用法
var url = 'https://example.com/page?param1=value1¶m2=value2';
var params = getUrlParams(url);
console.log(params);