這段jQuery代碼片段用于獲取URL中作為參數(shù)存儲的動態(tài)變量，并將它們存儲為JavaScript變量，以便與您的腳本一起使用。與哈希URL的使用方式不同，因為世界正在轉(zhuǎn)向動態(tài)Web應用程序。因此，諸如解碼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è)置文本輸入字段的默認值，例如：

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

感謝bjverde對該函數(shù)的改進：

$.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()方法刪除查詢字符串開頭的問號。之后，您可以按＆字符分割參數(shù)。這是一個簡單的示例：

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

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

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

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

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對象提供了可用于處理當前URL的屬性和方法。例如，您可以使用window.location.search屬性獲取查詢字符串參數(shù)。

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

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

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

要刪除特定的URL參數(shù)，您可以首先使用window.location.search屬性獲取所有參數(shù)。然后，您可以創(chuàng)建一個不包含要刪除的參數(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中哈希符號后面的部分。

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

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

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

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

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

當使用jQuery進行AJAX請求時，您可以在URL字符串中包含URL參數(shù)?；蛘撸梢允褂?code>$.ajax()方法中的data選項來包含參數(shù)。此選項會自動將對象或數(shù)組轉(zhuǎn)換為查詢字符串。

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