如何在客户端存储临时数据，然后将其发送到服务器

小编典典

如何在客户端存储临时数据，然后将其发送到服务器

jsp

我需要在客户端临时存储数据，以允许用户添加，编辑或删除项目，而不必向服务器查询这些操作中的每一个。用户完成添加项目并单击“ 添加”
按钮后，该列表即被发送到服务器以永久保存。

此图像描述了我要实现的目标。我知道我必须在JavaScript中使用数组，但是我不知道如何创建一个数组来存储对象（在这种情况下，
Detail 包含：id，price和description）。

我希望你能帮助我。提前致谢。PS：我正在使用JSP，…抱歉我的英语

阅读 350

2020-06-08

共1个答案

小编典典

当然，因为它是一个表，所以拥有一个对象数组是有意义的。请注意，对象用花括号括起来，数组用括号括起来：

var myArray = [];  // Initialize empty array
var myObject = {}; // Initialize empty object

这应该可以满足您的需求：

// Initialize variables
var newEntry, table = [];

// Create a new object
newEntry = {
  id: '',
  price: '',
  description: ''
};

// Add the object to the end of the array
table.push(newEntry);

与此相同：

// Initialize array
var table = [];

// Create object and add the object to the end of the array
table.push({
  id: '22',
  price: '$222',
  description: 'Foo'
});

您现在可以访问如下属性：table [0] .id; //‘22’

在现代浏览器上，如果您希望数据在各个会话（例如cookie）之间持久存在，则可以使用sessionStorage或localStorage对象。

当您要将数据发送到服务器时，将通过网络发送表的JSON版本：

var data = JSON.stringify(table);

2020-06-08