js---table

今天在做项目的时候遇到了一个问题,点击返回按钮的时候,再重新点击一个按钮的时候,会不断的加载数据到表格中。

原因:我们在点击返回按钮的时候,只是返回到了上个页面,并没有刷新页面,数据还保留在那个表格中,所以再点击按钮的时候会继续从后台请求添加数据到后面,也即是重复请求加载数据。

解决办法:遇到重复加载的时候,我们一般都要清空数据,然后再执行ajax操作。

清空操作一般是通过id或者class选择器来来进行清空的(一般都要有id或者class)。

$('#table-tbody').html("");//通过id选择清空

注意:清空操作是在什么时候进行的,到底是在ajax请求数据返回成功时还是点击某个按钮时进行清空操作。

append()方法和after()方法

append()方法:向每个匹配的元素内部追加内容。里面既可以是带有引号的实际字符串还可以是带有各种标签的链接字符串。

after()方法:在每个匹配的元素之后插入内容。用法与append()类似

appendTo()方法:把所有匹配的元素追加到另一个指定的元素元素集合中。用法类似上面。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,976评论 25 709
  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 4,676评论 0 2
  • 历史,无非是过去人的故事,自己的故事,自己还要记录。记录自己本身就是为了更好地理解自己,与他人无关。若有人欣赏,那...
    晴天在路上阅读 3,081评论 0 1
  • 第三十二回 雪溪用力将花蕊的上半身扶起来,一声声呼唤着她。“花蕊,花蕊!”然而,雪溪的手忽然感觉一阵虚无,瞬间,刚...
    文艺污小姐阅读 4,278评论 0 0
  • 今天,定下一个计划,每天写一点,可以关于身边的事,记一记身边的人,最好是写故事。往事都是回忆。 希望可以坚持,加油...
    菖蒲塘阅读 1,279评论 0 0

友情链接更多精彩内容