jQuery 如何輕鬆地從 URL 檢索查詢字串參數？

使用 jQuery 擷取查詢字串參數：綜合指南

使用 Web 應用程式時，通常需要從 URL 擷取特定資料。這包括獲取查詢字串參數，其中包含與 URL 請求一起傳遞的有價值的資訊。利用 jQuery 簡化了這個過程，使開發人員能夠輕鬆存取這些參數。

問題：

考慮以下URL：

http://example.com/?location=mylocation

目標是擷取與「位置」查詢參數關聯的值並將其儲存在變數中。然後可以在 jQuery 程式碼中利用該變數根據位置參數操作頁面上的元素。

解決方案：

要使用 jQuery 來擷取查詢字串參數，我們可以使用名為 getUrlVars() 的多功能 JavaScript 函數。此函數解析 URL 並傳回一個包含表示參數的鍵值對的 JavaScript 物件。

function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

使用此函數，我們可以提取「位置」參數，如下所示：

var location_value = getUrlVars()["location"];

現在我們可以存取「位置」值，我們可以輕鬆地將其合併到jQuery 程式碼中。例如，要平滑捲動到ID 與位置參數相符的div 元素，我們可以使用以下程式碼：

$('html,body').animate({scrollTop: $("div#" + location_value).offset().top}, 500);

透過利用jQuery 的強大功能並利用getUrlVars() 函數，Web 開發人員可以使用以下程式碼：可以輕鬆檢索查詢字串參數並將其無縫整合到JavaScript 程式碼中，從而增強Web 應用程式的功能和回應能力。

以上是jQuery 如何輕鬆地從 URL 檢索查詢字串參數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！