js中的会话存储

Question

嗨，我是 JavaScript 的初学者，我想问一下是否可以会话我从服务器获取的数据。我想要会话的数据是我在网上搜索到的“data.xhr.response”，大多数人都使用 SessionStorage 函数，但我不确定如何处理它，我们将不胜感激。

 $(function()
{
Dropzone.autoDiscover = false;

$('#file-upload').dropzone({
    maxFiles: 1,
    acceptedFiles: ".pdf,.doc,.docx,.html",
    dataType: "json",
    success : function(data) {
        console.log(data.xhr.response);

    }
    });
});

原文由 Best Jeanist 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

session storage 和local storage 一样，唯一的区别是session storage 中存储的数据会在page session 过期后自动清除。

现在回答你的问题。在你的 success 函数中，像下面这样存储数据：

 success : function(data) {
    console.log(data.xhr.response);
    sessionStorage.setItem('dataStored', data.xhr.response);

}

用法如下：

 // Save data to sessionStorage
sessionStorage.setItem('dataStored', data.xhr.response);

// Get saved data from sessionStorage
var data = sessionStorage.getItem('dataStored');

// Remove saved data from sessionStorage
sessionStorage.removeItem('dataStored');

// Remove all saved data from sessionStorage
sessionStorage.clear();

有关 sessionStorage 的更多信息，请查看此链接： https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

原文由 Vikasdeep Singh 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在您的情况下，您可以选择 sessionStorage 或 localStorage。两者都可以在浏览器中为您保存数据响应。不同之处仅在于 localStorage 不会过期，而 sessionStorage 存储一个会话的数据（浏览器选项卡关闭时数据会丢失）。

所以步骤是：

1. 检查您的浏览器是否支持 webStorage：

    if (typeof(Storage) !== "undefined") {
       // Code for localStorage/sessionStorage.
   } else {
       // Sorry! No Web Storage support..
   }

1. 实现本地存储：

    localStorage.setItem("lastname", "Smith");  // save data
   var user = localStorage.getItem("lastname"); // get data
   localStorage.removeItem("lastname");  // remove data

1. 实现会话存储：

    sessionStorage.setItem('lastname', 'Smith'); // save data
   var user = sessionStorage.getItem('lastname'); // get data
   sessionStorage.removeItem('dataStored');  // remove data

希望能帮助到你！

原文由 MattYao 发布，翻译遵循 CC BY-SA 4.0 许可协议