如何编写保存的评论？

Question

如何编写保存的评论？

我一直在尝试编码,而不是完全评论,只是简单的事情.用户输入内容,并保留在网站上.比如,如果我输入'hello',一旦我提交了评论,如果我刷新页面,我仍会看到我的评论.如果可能有一个人可以输入他们的名字并且他们的名字也会留下的字段也会有所帮助.我编码了这个,但我无法弄清楚是否有评论留在那里

h2 {
    font-family:arial;
}

form {
    display: inline-block;
    border: 1px solid #23008B;
}

#button{
    display: inline-block;
    height:20px;
	width:70px;
	background-color:#4000FF;
	font-family:arial;
	font-weight:none;
	color:#ffffff;
	border-radius: 5px;
	text-align:center;
	margin-top:2px;
	padding-top: 2px;
}

.list {
	font-family:garamond;
	color:#cc0000;
	
}

Run Code Online (Sandbox Code Playgroud)

<!DOCTYPE html>
<html>
    <head>
    	<title>Insert Comments</title>
	</head>
	<body>
		<h2>To Do</h2>
		<form name="checkListForm">
			<input type="text" name="checkListItem"/>
		</form>
		<div id="button">Add!</div>
		<br/>
		<div class="list"></div>
	</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
  $(document).ready(function() {
    $('#button').click(function() {
        var toAdd = $('input[name=checkListItem]').val();
        $(".list").append("<div class = 'item'>" + toAdd + "</div>")
    });
  });
</script>

Run Code Online (Sandbox Code Playgroud)

我只想知道我缺少什么,以及HTML或Jquery中是否有任何东西可以解决这个问题.谢谢.

Answer 1

Ger*_*ich 0

~~您可以使用浏览器的localStorage保存数据。~~

要在多个用户之间共享相同的数据，您可以使用客户端-服务器架构，其中任何浏览器都可以充当客户端，另一个程序充当服务器，服务器将负责处理数据的服务、持久性和更新，以类似于这样的方式：

客户端向服务器请求网页。
服务器使用其存储库（数据库、文件等）中的所有用户注释填充页面并将其发送到客户端。
如果用户添加评论，客户端会将评论发布到服务器。
服务器将注释添加到其存储库，并通知所有连接的客户端新添加的消息。

您可以从这里开始。

请注意，“localStorage”只会为键入评论的用户保留。其他人将看不到它。或者，有一些后端即服务提供商基本上可以帮助您抽象出编写存储评论的服务的过程。 (2认同)

归档时间：	9 年，5 月前
查看次数：	111 次
最近记录：	9 年，5 月前