當(dāng)我們需要在頁面之間進行傳值時,除了使用表單提交外,還可以使用jquery實現(xiàn)get傳值。這樣可以在不刷新頁面的情況下,實現(xiàn)參數(shù)傳遞。
$("#button").click(function(){ var id = $("#id").val();//獲取輸入框中的值 window.location.href = "nextpage.html?id="+id;//跳轉(zhuǎn)到下一頁,并把id以get方式傳遞過去 });
在第一個頁面中,我們通過獲取輸入框中的id值,并將其通過get方式傳遞到下一個頁面。在下一個頁面中,我們可以通過獲取url中的參數(shù)來獲取傳遞過來的值。
var id = getUrlParam("id");//調(diào)用函數(shù)獲取id值 $("#info").text("您傳遞過來的id值為:"+id);//將id值顯示在頁面中 //獲取url參數(shù)函數(shù) function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; }
在下一個頁面中,我們先調(diào)用了一個函數(shù)來獲取url中的參數(shù)值,并將其保存在變量中。然后通過jquery將其顯示在頁面上。