要解析復雜參數的URL查詢字符串,可以使用JavaScript中的URLSearchParams對象。URLSearchParams對象提供了一種簡便的方式來解析和操作URL查詢字符串。
下面是一個示例代碼,演示如何使用URLSearchParams來解析復雜參數:
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
// 獲取參數值
const param1 = urlParams.get('param1');
const param2 = urlParams.get('param2');
// 解析JSON參數
const jsonParam = JSON.parse(urlParams.get('jsonParam'));
// 遍歷所有參數
urlParams.forEach((value, key) => {
console.log(key, value);
});
在上面的示例中,我們首先獲取當前頁面的URL查詢字符串,然后使用URLSearchParams對象來獲取特定參數的值。如果查詢字符串中包含JSON格式的參數,我們可以使用JSON.parse方法將其解析為對象或數組。另外,我們還可以使用forEach方法遍歷所有的參數和值。
通過這種方式,我們可以方便地解析復雜參數,并對其進行進一步操作。