會話存儲在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);

    }
    });
});

Answer 1

會話存儲與本地存儲相同，但唯一的區別是會話存儲中存儲的數據將在頁面會話到期后自動清除。

現在回答你的問題。 在您的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

Answer 2

嘗試閱讀關於mozilla.org上的會話存儲的這篇文章，它展示了它是多么簡單。 在你的情況下，它應該是這樣簡單：

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

Answer 3

在您的情況下，您可以選擇sessionStorage或localStorage。 兩者都可以在瀏覽器中保存數據響應。 區別僅在於sessionStorage存儲一個會話的數據時localStorage不會到期（當瀏覽器選項卡關閉時數據丟失）。

所以步驟是：

1. 檢查瀏覽器以查看它是否支持webStorage：

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

2. 實現localStorage：

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

3. 實現sessionStorage：

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

希望能幫助到你！