javascript - 如何对保存的评论进行编码?

标签 javascript jquery html

我一直在尝试编写代码,不完全是注释,而是一些简单的代码。用户输入内容后,它就会留在网站上。例如,如果我输入“你好”,一旦我提交了评论,如果我刷新页面,我仍然会看到我的评论。如果可以有一个字段,人们可以在其中输入他们的名字并且他们的名字也会保留下来,那也会很有帮助。我已经对此进行了编码,但我无法弄清楚评论是否保留在那里

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>
我只是想知道我遗漏了什么,以及 HTML 或 Jquery 中是否有任何东西可以解决这个问题。谢谢。

最佳答案

您可以使用浏览器的 localStorage 来持久化您的数据。 .

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

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

  2. 服务器将所有用户评论填充到页面中 存储库(数据库、文件等)并将其发送给客户端。

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

可以开始了here .

关于javascript - 如何对保存的评论进行编码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38756926/

相关文章:

javascript - 浏览器中的 javascript 可以容纳多少数据?

html - 让 child 包裹在一个具有一定高度的div中

javascript - 内容不会显示在 jQuery 的切换按钮上

javascript - 使用 d3 或 ajax 读取本地文件文本(制表符分隔值)会导致 Firefox 开发控制台出现语法错误

javascript - 如何使用动画 css3 将 div 放入框中?

javascript - 使用 $(document).on ("click",".class",function(){ } 时,如何引用被单击的按钮?

javascript - 如何为应用程序中的所有 jsp 页面应用通用的 JavaScript 和 CSS?

javascript - 使用相似标签的 Jquery 冲突

javascript - jqueryUI 自动完成示例如何摆脱不使用 $(document).ready 的情况

php - 如何在 PHP 更新中显示选中的复选框? postgresql