如何在 JavaScript 中檢索 GET 參數？

從 JavaScript 擷取 GET 參數：詳細指南

要從 JavaScript 腳本擷取 GET 參數，開發人員可以利用 window.location 物件。該物件提供對目前 URL 的訪問，包括其查詢字串。

取得 GET 參數的一種方法是提取 URL 中問號 (?) 後面的部分。以下程式碼片段示範了這種方法：

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

在提供的範例中，可以使用以下程式碼存取GET 參數「returnurl」：

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

但是，這種基本方法不考慮多個值與相同參數名稱關聯的情況。為了處理這種情況，需要更強大的解決方案。

以下增強功能提供了一種全面的方法來檢索 GET 參數，即使存在多個值：

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&");
  for (let index = 0; index < items.length; index++) {
    const [key, value] = items[index].split("=");
    if (key === parameterName) result = decodeURIComponent(value);
  }
  return result;
};

此函數解碼參數值以確保與特殊字元的相容性。它利用 for 迴圈來迭代查詢字串中的每個鍵值對。當找到提供的參數名稱時，將傳回對應的值。

使用該函數，可以獲得「returnurl」參數，如下所示：

const returnurl = findGetParameter("returnurl");
console.log(returnurl);

透過利用這些技術，開發人員可以有效地從JavaScript 腳本中檢索GET 參數，從而增強Web 應用程式的功能。

以上是如何在 JavaScript 中檢索 GET 參數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！