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); 
}