Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 获取路径参数

作者:半盏流年   发布日期:2026-01-14   浏览:71

// 获取 URL 中的路径参数(查询字符串)

// 方法 1: 使用 URLSearchParams 对象 (适用于现代浏览器)
function getQueryParams() {
    const urlParams = new URLSearchParams(window.location.search);
    const params = {};
    for (const [key, value] of urlParams.entries()) {
        params[key] = value;
    }
    return params;
}

// 示例:如果当前 URL 是 https://example.com/?name=John&age=30
// 调用 getQueryParams() 将返回 { name: "John", age: "30" }

// 方法 2: 使用正则表达式解析查询字符串 (兼容性更好)
function getQueryParamsLegacy() {
    const queryString = window.location.search.slice(1); // 去掉开头的 "?"
    const pairs = queryString.split('&');
    const params = {};

    pairs.forEach(pair => {
        if (pair) {
            const [key, value] = pair.split('=');
            params[decodeURIComponent(key)] = decodeURIComponent(value || '');
        }
    });

    return params;
}

// 示例:如果当前 URL 是 https://example.com/?name=John&age=30
// 调用 getQueryParamsLegacy() 将返回 { name: "John", age: "30" }

上一篇:js string

下一篇:js 获取文件类型

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站