刷新后清除localStorage

Question

我在将数据保存到浏览器的本地存储时遇到问题。

我有一个 php 文件和一个开关。当类型为“收藏夹”时，我创建一个按钮并将 json 数据发送到我的 javascript 中的“保存”函数。

case 'favorites':
            $session = $m->session;

            $data = json_encode((array)$session);

            echo "<a onclick='save(".$data.")' style='cursor:pointer;' class='metacell'>
                    <img src='".buildUri('images/icons/favorite.png')."' width='16' />
                    <span>Add to favorites</span>
                    </a>";
            break;  

这是我的javascript：

function save(data)
    {
        var thedata = data;

        // STORE THE ABOVE DATA IN LOCALSTORAGE
        localStorage.setItem('data', "testje");
    }

我目前正在测试一些文本“testje”。当我按下按钮时，它会进入本地存储，但是当我刷新页面时，它就消失了......

有人知道这是怎么回事吗？

Answer 1

您正在使用 HTML 属性来传输值，尽管您没有对值进行任何 HTML 编码。这可能会破坏您的代码。如果您要验证您的 HTML 源代码，您可能已经看到了。所以首先进行验证（安装一个自动为您执行此操作的浏览器扩展程序）。

您还需要对 onclick 属性值进行 HTML 编码：

echo "<a onclick='save(", htmlspecialchars($data), ")' s [...]
                          ^^^^^^^^^^^^^^^^

http://php.net/htmlspecialchars

Answer 2

试试这个：

 var thedata ;

function save(data)
{
    thedata = data;

    localStorage.thedata="testje";
}

Answer 3

function save(data)
    {

        // STORE THE ABOVE DATA IN LOCALSTORAGE
        window.localStorage.setItem('data', data);
    }

试试看！ localStorage 可能已经成为一个全局变量（在页面的上下文中）并且根本没有指向真正的 localStorage