如何輕鬆地從 JavaScript 查詢字串中提取鍵值對？

JavaScript 查詢字串

Web 開發中使用的常見技術是透過查詢字串傳遞資料。這在 ASP.NET 中經常遇到，它被表示為字典結構。許多開發人員可能會在 JavaScript 中尋求類似的解決方案。

提取鍵值對

要實現這一點，可以利用 location.search 屬性，它捕獲該部分問號 (?) 後面的 URL。此屬性中包含鍵值對。

自訂函數

如果沒有專門為此目的設計的預先建構 JavaScript函式庫，則可以建立自訂函數:

function getQueryString() {
  var result = {}, queryString = location.search.slice(1),
      re = /([^&;=]+)=([^&;]*)/g, m;

  while (m = re.exec(queryString)) {
    result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
  }

  return result;
}

使用此函數，您可以透過下列方式輕鬆存取查詢字串參數呼叫：

var myParam = getQueryString()["myParam"];

命名約定

在ASP.NET 之外，術語「查詢字串」更常用於表示整個鍵值對字串在問號後面。各個鍵值對稱為參數、參數或查詢字串參數。

瀏覽器實作

不幸的是，location.search 屬性本身並沒有提供查詢字串的鍵值集合或結構化物件表示。這就是為什麼開發人員經常求助於自訂函數或外部程式庫的原因。

以上是如何輕鬆地從 JavaScript 查詢字串中提取鍵值對？的詳細內容。更多資訊請關注PHP中文網其他相關文章！