今天在做项目的时候遇到了一个问题,点击返回按钮的时候,再重新点击一个按钮的时候,会不断的加载数据到表格中。
原因:我们在点击返回按钮的时候,只是返回到了上个页面,并没有刷新页面,数据还保留在那个表格中,所以再点击按钮的时候会继续从后台请求添加数据到后面,也即是重复请求加载数据。
解决办法:遇到重复加载的时候,我们一般都要清空数据,然后再执行ajax操作。
清空操作一般是通过id或者class选择器来来进行清空的(一般都要有id或者class)。
$('#table-tbody').html("");//通过id选择清空
注意:清空操作是在什么时候进行的,到底是在ajax请求数据返回成功时还是点击某个按钮时进行清空操作。
append()方法和after()方法
append()方法:向每个匹配的元素内部追加内容。里面既可以是带有引号的实际字符串还可以是带有各种标签的链接字符串。
after()方法:在每个匹配的元素之后插入内容。用法与append()类似
appendTo()方法:把所有匹配的元素追加到另一个指定的元素元素集合中。用法类似上面。