如何使用本機 API 和傳統技術在 JavaScript 中存取 GET 請求參數？

在 JavaScript 中存取 GET 請求參數

現代瀏覽器提供用於操作 URL 和查詢字串的本機 API。這些 API（包括 URL 和 URLSearchParams）應優先考慮與現代瀏覽器的兼容性。

原始解決方案：

在原生 API 之前，所有 GET 請求參數都可以透過window.location.search 屬性。但是，這需要手動解析查詢字串。可使用下列函數：

<code class="js">function getQueryParam(name) {
  const regex = new RegExp('[?&]' + encodeURIComponent(name) + '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}</code>

此函數採用 GET 參數名稱並傳回其值。如果參數不存在或沒有值，則傳回 undefined。

範例：

<code class="js">const foo = getQueryParam('foo');</code>

這會將 GET 參數 foo 的值指派給foo 變數。

以上是如何使用本機 API 和傳統技術在 JavaScript 中存取 GET 請求參數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！