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

js 获取参数

作者:迷失未来   发布日期:2026-03-02   浏览:93

// 获取 URL 参数的示例代码

function getQueryParams() {
    // 创建一个对象用于存储参数
    const params = {};

    // 获取当前页面的查询字符串部分,并去掉开头的问号
    const queryString = window.location.search.slice(1);

    // 如果有查询字符串
    if (queryString) {
        // 使用 & 分割每个键值对
        const pairs = queryString.split('&');

        // 遍历每个键值对
        for (let pair of pairs) {
            // 使用 = 分割键和值
            const [key, value] = pair.split('=');

            // 将解码后的键和值存入对象中
            params[decodeURIComponent(key)] = decodeURIComponent(value || '');
        }
    }

    // 返回包含所有参数的对象
    return params;
}

// 示例用法
// 假设当前页面 URL 为: http://example.com/?name=JohnDoe&age=28
const queryParams = getQueryParams();
console.log(queryParams); // 输出: { name: "JohnDoe", age: "28" }

解释说明:

  • window.location.search:获取当前页面 URL 中的查询字符串部分(包括问号)。
  • slice(1):去掉查询字符串开头的问号。
  • split('&'):将查询字符串按 & 分割成多个键值对。
  • split('='):将每个键值对按 = 分割成键和值。
  • decodeURIComponent:解码 URL 编码的字符,确保获取到正确的参数值。
  • 最终返回一个包含所有参数的对象。

上一篇:js 获取地址参数

下一篇:js 获取页面宽度

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

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

Laravel 中文站