Skip to content

getQuery

从 URL 中提取查询参数并转换为对象(与 getAllQueryString 功能相同)。

API

getQuery

Return

参数说明类型
Object查询参数对象Record<string, string>

Parameters

参数说明类型默认值
url要解析的 URL(可选,默认使用当前页面 URL)string

Example

基础用法

js
import { getQuery } from 'ranuts';

// 假设当前 URL 是: https://example.com?name=John&age=30
const params = getQuery();
console.log(params); // { name: 'John', age: '30' }

解析指定 URL

js
import { getQuery } from 'ranuts';

const url = 'https://example.com?page=1&limit=10&sort=name';
const params = getQuery(url);
console.log(params); // { page: '1', limit: '10', sort: 'name' }

获取特定参数

js
import { getQuery } from 'ranuts';

const params = getQuery();
const page = params.page || '1';
const limit = params.limit || '10';
console.log(`页码: ${page}, 每页: ${limit}`);

注意事项

  1. 功能相同getQuerygetAllQueryString 功能完全相同,可以互换使用。
  2. URL 解码:参数值会自动进行 URL 解码。
  3. 服务端环境:在服务端环境(无 window 对象)时返回空对象 {}
  4. 默认 URL:如果不传 url 参数,默认使用 window.location.href

Released under the MIT License.