這段jQuery代碼片段用於獲取URL中作為參數(shù)存儲(chǔ)的動(dòng)態(tài)變量，並將它們存儲(chǔ)為JavaScript變量，以便與您的腳本一起使用。與哈希URL的使用方式不同，因?yàn)槭澜缯谵D(zhuǎn)向動(dòng)態(tài)Web應(yīng)用程序。因此，諸如解碼URL字符串之類的操作在未來幾年內(nèi)將一直很流行。

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^]*)').exec(window.location.href);
    return results[1] || 0;
}

// example.com?param1=name&param2=&id=6
$.urlParam('param1'); // name
$.urlParam('id');        // 6
$.urlParam('param2');   // null

// 帶空格的參數(shù)示例
http://www.jquery4u.com?city=Gold Coast
console.log($.urlParam('city'));  
//輸出：Gold%20Coast

console.log(decodeURIComponent($.urlParam('city')));  
//輸出：Gold Coast

這可以用於設(shè)置文本輸入字段的默認(rèn)值，例如：

$('#city').val(decodeURIComponent($.urlParam('city')));

感謝bjverde對(duì)該函數(shù)的改進(jìn)：

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return results[1] || 0;
    }
}

jQuery中URL參數(shù)的常見問題解答 (FAQs)

如何使用jQuery獲取URL參數(shù)？

要使用jQuery獲取URL參數(shù)，您可以使用window.location.search屬性。此屬性返回URL的查詢字符串參數(shù)。然後，您可以使用substring()方法刪除查詢字符串開頭的問號(hào)。之後，您可以按＆字符分割參數(shù)。這是一個(gè)簡單的示例：

var params = window.location.search.substring(1).split('&');

現(xiàn)在，params數(shù)組中的每個(gè)元素都表示一個(gè)URL參數(shù)。您可以進(jìn)一步按等號(hào)分割每個(gè)參數(shù)，以分離參數(shù)名稱和值。

如何使用jQuery.param()方法？

jQuery.param()方法是一個(gè)實(shí)用程序函數(shù)，它創(chuàng)建數(shù)組或?qū)ο蟮男蛄谢硎尽．?dāng)您想從數(shù)組或?qū)ο髣?chuàng)建查詢字符串時(shí)，這很有用。這是一個(gè)示例：

var params = { name: 'John', age: 30 };
var queryString = $.param(params);

在此示例中，queryString將是字符串“name=John&age=30”。

我可以不用jQuery獲取URL參數(shù)嗎？

是的，您可以使用純JavaScript獲取URL參數(shù)，而無需使用jQuery。 JavaScript中的window.location對(duì)象提供了可用於處理當(dāng)前URL的屬性和方法。例如，您可以使用window.location.search屬性獲取查詢字符串參數(shù)。

如何使用jQuery設(shè)置URL參數(shù)？

jQuery沒有提供設(shè)置URL參數(shù)的內(nèi)置方法。但是，您可以使用JavaScript中的window.location對(duì)象來更改URL。如果您想在不重新加載頁面的情況下更改URL，可以使用history.pushState()方法。

如何使用jQuery刪除特定的URL參數(shù)？

要?jiǎng)h除特定的URL參數(shù)，您可以首先使用window.location.search屬性獲取所有參數(shù)。然後，您可以創(chuàng)建一個(gè)不包含要?jiǎng)h除的參數(shù)的新查詢字符串。之後，您可以使用history.pushState()方法設(shè)置新的查詢字符串。

如何使用jQuery檢查URL參數(shù)是否存在？

您可以通過使用window.location.search屬性獲取所有參數(shù)來檢查URL參數(shù)是否存在。然後，您可以分割參數(shù)並檢查您要查找的參數(shù)是否在數(shù)組中。

我可以使用jQuery處理URL中的哈希參數(shù)嗎？

是的，您可以使用window.location.hash屬性處理URL中的哈希參數(shù)。此屬性返回URL中哈希符號(hào)後面的部分。

如何使用jQuery獲取多個(gè)URL參數(shù)？

要獲取多個(gè)URL參數(shù)，您可以使用window.location.search屬性並按＆字符分割參數(shù)。結(jié)果數(shù)組中的每個(gè)元素都表示一個(gè)URL參數(shù)。

我可以使用jQuery在不重新加載頁面的情況下更改URL嗎？

是的，您可以使用JavaScript中的history.pushState()方法在不重新加載頁面的情況下更改URL。此方法會(huì)向?yàn)g覽器的歷史記錄添加一個(gè)新條目。

如何在使用jQuery的AJAX請求中處理URL參數(shù)？

當(dāng)使用jQuery進(jìn)行AJAX請求時(shí)，您可以在URL字符串中包含URL參數(shù)?；蛘?，您可以使用$.ajax()方法中的data選項(xiàng)來包含參數(shù)。此選項(xiàng)會(huì)自動(dòng)將對(duì)像或數(shù)組轉(zhuǎn)換為查詢字符串。

以上是使用jQuery獲取URL參數(shù)的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！