使用 JavaScript 获取 URL 参数 - Python

在 Web 开发中，我们经常需要从 URL 中获取参数，以便在后端或前端进行处理。本文将介绍如何使用 JavaScript 获取 URL 参数，并提供示例代码。

方法一：使用 window.location 对象

最常见的方法是使用 window.location 对象来获取当前页面的 URL，并进一步提取出参数。

// 获取当前页面的 URL
var url = window.location.href;

// 提取参数部分
var params = url.split('?')[1];

// 将参数字符串转换为对象
var paramsObj = {};
params.split('&').forEach(function(param) {
  var keyValue = param.split('=');
  paramsObj[keyValue[0]] = decodeURIComponent(keyValue[1]);
});

console.log(paramsObj);

以上代码将打印一个包含 URL 参数的对象，其中参数名作为对象的 Key，参数值作为对象的 Value。

方法二：使用 URLSearchParams 对象

从 ECMAScript 2015 (ES6) 开始，JavaScript 引入了 URLSearchParams 对象，它提供了更便捷的方式来处理 URL 参数。

// 获取当前页面的 URL
var url = new URL(window.location.href);

// 获取 URL 参数对象
var paramsObj = Object.fromEntries(url.searchParams);

console.log(paramsObj);

以上代码将打印一个包含 URL 参数的对象，与方法一相同。

使用 JavaScript 获取 URL 参数的 Python 示例代码

import urllib.parse

url = 'https://www.example.com/page?param1=value1&param2=value2'

# 解析 URL 参数
params = urllib.parse.parse_qs(urllib.parse.urlparse(url).query)

print(params)

以上示例代码使用 Python 的 urllib.parse 模块来解析 URL 参数，并打印出结果。

总结

用 JavaScript 获取 URL 参数是 Web 开发中常见的需求之一。本文介绍了两种常用的方法，使用 window.location 对象和 URLSearchParams 对象。此外，还提供了相应的 Python 示例代码。希望本文能够帮助你更好地处理 URL 参数。