首页 > 解决方案 > 我可以使用 JavaScript 获取将表单数据存储在内存中吗?

问题描述

我正在设置一个演示注册表单,用户可以在其中创建一个帐户。提供的注册凭据应存储在内存中或用户文件 (user.json) 中,可用于登录并重定向到用户个人资料页面。

我创建了一个 user.json 文件并在其中放置了一个示例用户详细信息。我可以使用 fetch 来 console.log() user.json 文件中的用户详细信息,但是如何使用 fetch 将更多用户添加到文件中?

我试过的代码:

let bodyData = {
  id: 2,
  name: "sarah",
  email: "sarah@gmail.com"
};

let postData = {
  method: "POST",
  body: JSON.stringify(bodyData)
};

// POST data to json file
fetch("./jsonfile/user.json", postData)
  .then(data => console.log(data))
  .catch(error => console.log(error));

// GET data form json file
fetch("./jsonfile/user.json")
  .then(res => res.json())
  .then(data => {
    data = JSON.stringify(data);
    console.log(data);
  })
  .catch(error => {
    console.log(error);
  });

我应该能够在 console.log 的输出中看到新用户添加的内容;

标签: javascriptfetch

解决方案


JavaScript 有一些用于在计算机内存中存储数据的 API(例如localStorage),但在存储凭证时这是一种非常糟糕的做法,因为只有用户才能访问凭证。我建议你建立一个带有服务器的小型数据库,例如 Koa 服务器和 MongoDB 数据库。


推荐阅读