Jquery的append方法可以讓我們方便地往頁面中添加內容。但如果要往URL中添加內容該怎么辦呢?本文將介紹如何使用jquery來動態添加URL參數。
為了更好的展示代碼,我們將把所有代碼放在pre標簽中:
$(function() { $("#btnAdd").click(function() { var currentUrl = window.location.href; var newParam = "&newParameter=1"; var urlWithNewParam = currentUrl + newParam; window.location.href = urlWithNewParam; }); });
首先,我們給一個按鈕綁定一個click事件,當按鈕被點擊時,我們就要往URL中添加參數了。我們先獲取當前頁面的URL,并定義一個新的參數,這里我們把新參數設為“&newParameter=1”。
接下來,我們使用“+”運算符將新參數和當前URL拼接起來,生成包含新參數的新URL。
最后,將新URL賦值給location.href屬性,這樣頁面就會以新參數為“1”的形式重新加載。
這里要注意的是,如果頁面中已經包含了參數,我們就需要改用“?”代替“&”來拼接新參數。
以上就是使用jquery動態添加URL參數的方法,希望對大家有所幫助。