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

Question

我需要在客户端临时存储数据，以允许用户添加、编辑或删除项目，而无需为这些操作中的每一个查询服务器；就在用户完成添加项目并单击添加按钮时，列表将发送到服务器以永久保存。

这image描述了我想要实现的目标。我知道我必须在 JavaScript 中使用数组，但我不知道如何创建一个数组来存储对象(在本例中为 Detail，其中包含:id、价格和描述)。

希望你能帮帮我。提前致谢。PS:我正在使用 JSP 并且...对不起我的英语

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

您现在可以像这样访问属性: 表[0].id;//'22'

在现代浏览器上，如果您希望数据在 session 间持久保存(如 cookie)，您可以使用 sessionStorage 或 localStorage 对象。

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

var data = JSON.stringify(table);