JS sessionStorage 本地存储

Question

代码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 ..")

    }

  });

  

点击a标签当前页面窗口跳转后的HTML代码

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

在浏览器是存储了信息的，如图：

问题是我在当前第一个页面存储的信息，当我点击a标签后，我用window.location.href = 'train_order.php';跳转到我需要的页面（是同一页面窗口），信息我取不出来。什么情况？

Answer 1

重点应该在这里，对象 obj 是你上个页面定义的，切换了页面，怎么还能访问到呢？我改了下面一个赋值&nbsp; &nbsp; &nbsp; &nbsp; window.location.href = 'train_order.php';//&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("result").innerHTML = obj.trainTo;//上个页面的obj，早就消失了&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("result").innerHTML = sessionStorage.getItem('temp');&nbsp; &nbsp; &nbsp; &nbsp; console.log(sessionStorage.getItem('temp'),obj);//访问 obj 应该是 报错只有 sessionStorage 切换了页面才能访问到