sessionStorage 返回未定义

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); 行返回

未捕获的类型错误：无法读取未定义的属性“ticketNumber”

如何显示之前视图中的数据？

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