在web開發中,經常需要利用jquery實現頁面跳轉的功能。如果需要將參數傳遞到跳轉頁面,該如何實現呢?下面我們介紹一些方法。
方法一:使用URL傳參
$("button").click(function(){
var id = $("#id").val();
window.location.href="jump.html?param="+id;
});
在跳轉的頁面中可以使用以下方式獲取參數:
var paramArr = window.location.href.split("?");
if(paramArr.length > 1){
var param = paramArr[1].split("=")[1];
console.log(param);
}
方法二:使用cookie傳參
$("button").click(function(){
var id = $("#id").val();
$.cookie("param", id);
window.location.href="jump.html";
});
在跳轉的頁面中可以使用以下方式獲取參數:
var param = $.cookie("param");
console.log(param);
方法三:使用sessionStorage傳參
$("button").click(function(){
var id = $("#id").val();
sessionStorage.setItem("param", id);
window.location.href="jump.html";
});
在跳轉的頁面中可以使用以下方式獲取參數:
var param = sessionStorage.getItem("param");
console.log(param);
以上三種方法都可以實現頁面跳轉并傳遞參數的功能。如果需要頁面間傳遞對象類型的參數,可以使用json字符串方式傳遞,具體實現可以參考以上方法進行擴展。