weixin_43516111
赵振伟
2021-03-31 12:59
采纳率: 60%
浏览 115

前端列表数据不更新(点击分页按钮时后端响应正常,前端接受数据但页面不更新)

使用的是handlebars渲染数据,模板代码如下

这是第一次加载页面时的ajax调用

 

这是触发分页按钮时的代码调用(和上面没什么区别)

 

这是页面大致情况

 

问题描述:当我点击选择页面上的几条/每页 时,js响应了点击事件,分页参数也传到了后端并返回更新的页面数据,问题就在于前端页面数据一直都不会更新。我对前端不熟悉,求前端大佬帮忙解决一下。谢谢!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • showbo
    已采纳

    template存储为全局变量就行了,后续数据使用已经编译好的template,分页的时候由于第一次更新过container的内容,template容器已经不存在,所以再执行

    Handlebars.compile(templateDom.innerHTML)

    这句时就报错了,templateDom为null。

     

    或者将你的template的script标签放到container容器外也行,不过效率不如template保存为全局变量

    点赞 评论
  • weixin_43516111
    赵振伟 2021-03-31 13:01

    上面的那个分页(5条每页)不要在乎,因为数据量小我把选项值改为这样了

     

    点赞 评论
  • lllllllllloooooo
    lllllllllloooooo 2021-03-31 14:48

    遍历集合进行渲染数据

    点赞 评论
  • a718089112
    a718089112 2021-03-31 16:15

    你把你得变量换换位置,这三个设为页面全局变量,handlebars是数据绑定,获取数据后,能自动绑定到页面

    参考下:https://blog.csdn.net/sinat_34045444/article/details/85018993

    点赞 评论

相关推荐