如何保存提示中的输入? [重复]

问题描述 投票:0回答:1

我正在尝试创建一个平台,让多人可以通过写下他们想说的话来相互交流,但是,我无法弄清楚如何在页面刷新或被其他人打开时保存所说的话,有人可以帮忙吗?顺便说一句,这是该部分的代码(我知道它很草率,但我讨厌为不同的代码使用不同的文件:

<!DOCTYPE html>
<html>
<head>
<title>Creatia</title>
</head>
<body>
<style>
button {
  margin-top: 20px;
  line-height: 60px;
  font-weight: bold;
  padding: 0 40px;
  background: blue;
  border: none;
}
</style>
<script>
var username = prompt('What should we call you?');
var button = document.createElement("button");
button.innerHTML = "Post";
var body = document.getElementsByTagName("body")[0];
body.appendChild(button);
button.addEventListener ("click", function() {
input = prompt("What do you want to say to the world?");
p = document.createElement("p");
p.innerHTML = "@" + username + " says: " + input; 
document.body.appendChild(p);
});
</script>
</body>
</html>   

我尝试使用本地存储来保存它,但是这对提示不起作用,或者每个帖子都需要一个新变量,或者我需要使用非本地存储

javascript save storage prompt collaboration
1个回答
0
投票

知道你正在实施的和我相信你想要实施的是不同的。

使用 localstorage 仅适用于单个浏览器会话到会话,并且完全独立于任何其他计算机。这在图书馆计算机之类的东西上是有意义的,多人访问它,但如果你想建立一个网站,让不同计算机上的多个用户可以添加消息,你需要一个 CRUD 应用程序

话虽这么说,我认为在本地执行此操作的最佳方法确实是 Window.localStorage,但我会保存一个带有注释列表的 JSON 对象,如下所示

localStorage.setItem("comments", JSON.stringify(
    [
        "comment one",
        "comment two"
    ]
);

你可以通过

检索它
let comments = JSON.parse(localStorage.getItem("comments"))
© www.soinside.com 2019 - 2024. All rights reserved.