鍍金池/ 問答/HTML/ JS sessionStorage 本地存儲(chǔ)

JS sessionStorage 本地存儲(chǔ)

代碼JS

  $("a").click(function () {
       if (typeof(Storage) !== "undefined") {
        console.log("支持 Web Storage ..");
        var obj = {
            "trainNo": $(this).attr("data-trains"),
        };
        obj = JSON.stringify(obj);
        sessionStorage.removeItem("temp", obj);
        sessionStorage.setItem("temp", obj);
        obj = JSON.parse(sessionStorage.getItem("temp"));
        window.location.href = 'train_order.php';
        document.getElementById("result").innerHTML = obj.trainTo;
        console.log(obj);
    } else {
        console.log("抱歉！不支持 Web Storage ..")
    }
  });

點(diǎn)擊a標(biāo)簽當(dāng)前頁面窗口跳轉(zhuǎn)后的HTML代碼

<div id="result"></div>

在瀏覽器是存儲(chǔ)了信息的，如圖：

clipboard.png

問題是我在當(dāng)前第一個(gè)頁面存儲(chǔ)的信息，當(dāng)我點(diǎn)擊a標(biāo)簽后，我用window.location.href = 'train_order.php';跳轉(zhuǎn)到我需要的頁面（是同一頁面窗口），信息我取不出來。什么情況？

回答
編輯回答
女流氓

1.sessionStorage.removeItem("temp", obj);不用寫，setItem就覆蓋了
2.sessionStorage周期是當(dāng)前會(huì)話，只要不關(guān)閉窗口且在同個(gè)域下都可以讀取。所以不是這個(gè)問題。
關(guān)鍵在于你的$(this).attr("data-trains")，如果<a>沒有data-trains這個(gè)屬性，那么就是undefined，經(jīng)過JSON.stringify后，就會(huì)變成空對(duì)象{}，你再存入緩存就也是{}，再拿出來時(shí)obj.trainTo……這個(gè)trainTo哪里給它賦值過，而且obj原本就是{}，自然什么都取不出來。
但看你下面截圖，緩存里是有數(shù)據(jù)的，那你摘錄出來的這段代碼不完整，以上只針對(duì)你提供的這份代碼而論。

2017年5月11日 11:38
編輯回答
朽鹿

域名要相同

2018年7月21日 12:42
編輯回答
陌南塵

重點(diǎn)應(yīng)該在這里，對(duì)象 obj 是你上個(gè)頁面定義的，切換了頁面，怎么還能訪問到呢？我改了下面一個(gè)賦值

        window.location.href = 'train_order.php';
//        document.getElementById("result").innerHTML = obj.trainTo;//上個(gè)頁面的obj，早就消失了
        document.getElementById("result").innerHTML = sessionStorage.getItem('temp');
        console.log(sessionStorage.getItem('temp'),obj);//訪問 obj 應(yīng)該是 報(bào)錯(cuò)

只有 sessionStorage 切換了頁面才能訪問到

2017年5月10日 07:45