关于flask实时更新评论区的解决方法

评论后自动更新评论区

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);//动态加载评论页面到评论区
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值