如何编写保存的评论?

时间:2016-08-04 01:02:00

标签: javascript jquery html

我一直在尝试编码,而不是完全评论,只是简单的事情。用户输入内容,保留在网站上。比如,如果我输入了#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;
	
}

<!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>
&#13;
&#13;
&#13; 我只是想知道我错过了什么,以及HTML或Jquery中是否有任何东西可以解决这个问题。感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用浏览器的localStorage来保留您的数据。

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

  1. 客户端从服务器请求网页。

  2. 服务器使用其中的所有用户注释填充页面     存储库(数据库,文件等)并将其发送给客户端。

  3. 如果用户添加评论,客户端会将评论发布到         服务器
  4. 服务器将评论添加到其存储库并通知所有人     连接新添加消息的客户端。
  5. 您可以开始here