在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ JS sessionStorage本地存儲

JS sessionStorage本地存儲

html代碼:

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

JS代碼:

  $(".lv-ticketUl").on("click", "a", function () {
    if (typeof(Storage) !== "undefined") {
        console.log("支持 Web Storage ..");
        var obj = {
            "trainNo": $(this).attr("data-trains"),
            "trainFrom": $(this).attr("data-from")
        };
        obj = JSON.stringify(obj);
        sessionStorage.setItem("temp", obj);
        obj=JSON.parse(sessionStorage.getItem("temp"));
        document.getElementById("result").innerHTML = obj.trainNo;
    } else {
        console.log("抱歉!不支持 Web Storage ..")
    }
});

問題:JS click事件獲取a標簽上自定義的data數據,存放在obj里面,我使用了sessionStorage本地存儲,獲取obj對應的值。
第一次點擊a標簽,document.getElementById("result").innerHTML = obj.trainNo;這段代碼在頁面中打印出了我需要的值,有個問題,當我點擊另一個a標簽的時候,頁面不會更新第二次點擊的儲存的值,還是第一次的值,應該是sessionStorage這個API的自身的屬性。
我在查看sessionStorage的API方法時,[鏈接描述][1]https://www.cnblogs.com/polk6/p/5512979.html,使用其方法沒有解決需求問題。

我想切換點擊不同的a標簽時獲取不同的。 請問下是哪個細節(jié)的原因?

回答
編輯回答
乖乖噠
  1. 看一下兩次點擊后obj是否相同.

2.如果不相同,先把sessionStorage里面存儲的內容刪除,然后在添加新內容

2017年8月12日 12:22