Question

我的电子应用程序有问题。我使用window.loadUrl()来导航投掷页面。在某些页面上，用户需要输入一些要保存的数据。问题在于，当用户移动到另一个页面（在他向输入等添加了一些数据之后）并且返回之后，没有检测到任何更改，电子只加载了没有用户数据的HTML文件。如何存储此数据并为用户页面提供他先前添加的数据？谢谢

Answer 1

对于本地解决方案，您可以将数据存储在以下几种数据类型中：

localStorage –在浏览器关闭后在页面之间持久存在。仅根据W3 spec的用户请求删除。
sessionStorage –关闭标签页/页面后或根据W3 spec的用户请求删除。

从那里可以在加载/卸载页面时加载数据。

// Save the data
localStorage.setItem('userData', JSON.stringify(data));

// Load the data
let data = JSON.parse(localStorage.getItem('userData') || {});

注意：这仅适用于渲染过程，不适用于主要过程。

对于远程解决方案，您需要将数据发送到Web服务器，在Web服务器上它将处理并将数据保存到远程位置。 API是发送此数据的好方法。

发送/请求具有唯一标识符（例如用户ID）的数据。

// Save the data
fetch('http://my-website.com/save/123456', { // 123456 = userid
  method: 'post',
  body: JSON.stringify(data)
})

// Get the data
fetch('http://my-website.com/load/123456')
  .then(resp => resp.json())
  .then(json => { data = json })

电子保存用户更改页面

1 个答案: