评论后自动更新评论区
1.前言
在写评论部分时,每当评论后都不能实时显示新增的评论 ,必须刷新页面才可以。为了解决这个问题:
1.1思路1(行不通)
首先想到的是ajax异步提交评论,然后通过后台获取更新后的评论列表加载到评论区,但是在写代码的过程中遇到了一个问题:
不知道ajax如何从后台获取列表并将查询到的列表迭代显示到前端,于是放弃了这个方法。
1.2(可行)
之后又想能否通过view视图返回一个评论区(页面),然后将页面对应路由动态加载到评论区(事实证明就是这样!!!),但是由于对js掌握不熟练,不知道怎样完成这一步骤,网上查了很多办法,踩了很多坑,都没有成功,过了两天偶然看到一个解决方法,终于完成了!!!
现将该方法记录下来,供自己和之后学习的程序猿的查阅使用,少走写弯路!(还是要把基础打扎实啊!!不然多走很多弯)
2.解决办法(重点2.4)
2.1把评论区单独写成一个页面
2.2写一个对应评论区的路由
2.3通过ajax动态提交评论并加载评论区页面到文章页面
2.4关键代码
$('#comments').load('/article/comments/'+id);//动态加载评论页面到评论区