sessionStorage返回undefined

Question

我有客戶端應用程序使用sessionStorage將數據從一個視圖移動到另一個視圖。我的代碼是：

$("#reportGrid").find("input:checked").each(function() { 
    rows.push($(this).closest('tr')); 

    var dataItem = grid.dataItem($(this).closest('tr')); 
    console.log("TicketNumber => " + dataItem.ticketNumber + " " + dataItem.lineNumber); 

    // store dataItem in session Storage; 
    sessionStorage.setItem('selectedRecords', JSON.stringify(dataItem)); 
    var retrievedObject = JSON.parse(sessionStorage.getItem('selectedRecords')); 

    console.log("Begin -----------"); 
    console.log("userSelectedRecords => " + retrievedObject[0].ticketNumber); 
    console.log("End -----------"); 
}) 

然而，console.log("userSelectedRecords => " + retrievedObject[0].ticketNumber);返回

Uncaught TypeError: Cannot read property 'ticketNumber' of undefined

如何顯示從以前的視圖中的數據線？

Answer 1

讀取您想要循環訪問項目數組的代碼並獲取所有已檢查的代碼。目前，您正在循環檢查項目並將每個項目存儲到一個會話變量中，然後繼續寫入。當你閱讀它時，你只會有一件物品。如果這是你想要的，那麼你只需要引用該對象，而不是做一個數組語法。

console.log("userSelectedRecords => " + retrievedObject.ticketNumber); 

但我不認爲這是你想要做的。我想你想擁有一組用戶選擇的元素。要有一個數組，你需要建立列表並且在循環完成時保存整個數組。

//temp holding place for the data 
var records = [];  
$("#reportGrid").find("input:checked").each(function() { 
    var dataItem = grid.dataItem($(this).closest('tr')); 
    records.push(dataItem); //push the element 
}); 
//save it to localstorage 
sessionStorage.setItem('selectedRecords', JSON.stringify(records)); 

//now your syntax would work 
var retrievedObject = JSON.parse(sessionStorage.getItem('selectedRecords')); 
if (retrievedObject.length) { //make sure we have at least one item 
    console.log("userSelectedRecords => " + retrievedObject[0].ticketNumber); 
}