js頁面跳轉並傳值的常用方法

1、頁面A跳轉到頁面B及URL攜帶參數

window.location.href="../SystemInfoJsp/add_user.jsp?"+"id="+id+"&name="+name+"&grade="+grade;

獲取參數方法

$(function() {
    var loc = location.href;//獲取整個跳轉地址內容，其實就是你傳過來的整個地址字符串
    console.log("我的地址"+loc);
    var n1 = loc.length;//地址的總長
    var n2 = loc.indexOf("?");//取得=號的位置
    var parameter = decodeURI(loc.substr(n2+1, n1-n2));//截取從?號后面的內容,也就是參數列表，因為傳過來的路徑是加了碼的，所以要解碼
    var parameters  = parameter.split("&");//從&處拆分，返回字符串數組
    console.log("參數列表"+parameters);
    var paValue = new Array();//創建一個用於保存具體值得數組
    for (var i = 0; i < parameters.length; i++) {
        console.log("參數鍵值對值"+i+":"+parameters[i]);
        var m1 = parameters[i].length;//獲得每個鍵值對的長度
        var m2 = parameters[i].indexOf("=");//獲得每個鍵值對=號的位置
        var value = parameters[i].substr(m2+1, m1-m2);//獲取每個鍵值對=號后面具體的值
        paValue[i] = value;
        console.log("參數值"+i+":"+value);
    }
    console.log("具體參數數組："+paValue);    
});

要獲取到你傳過來的數據，可以通過數組paValue[index]的方式獲取參數，比如上面我傳過來了id，name，grade三個參數，那么paValue[0]就是id的值，paValue[1]就是name的值，paValue[2]就是grade的值。

2、通過localStorage 和 sessionStorage 先存本地在取出數據

用setItem來存數據，第一個參數是 名字，第二個參數是存數的數據

//存數據
window.localStorage.setItem(“data”, “kevin”);
window.sessionStorage.setItem(“data”, “kevin”);

用getItem來取數據，參入要取數據的 名字就好

//取數據
window.localStorage.getItem(“data”);
window.sessionStorage.getItem(“data”);

當然如果要存儲的數據是一個對象的話，就需要將對象轉換為字符串，在取數據的在將字符串轉為對象就可以了

對象轉字符串 JSON.stringify( ” 對象 ” )

字符串轉對象 JSON.parse( ” 字符串 ” )