电子保存页面上的用户变化

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服务器在那里将处理和数据保存到远程位置。 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 })