最近做了一个H5的活动页面,涉及到了月份的切换和状态的切换。
在月份的切换上面有上一篇文章的月份加减操作,传给后端选择的月份就会得到相应的数据进行渲染加载即可。
在选项卡切换显示数据的时候,因为我用的是jq写的页面,所以纯粹是一些操作Dom的操作,直接将后端返回的数据拼接成了一个字符串,将当前的页面的内容进行了替换。
在替换的过程中出现了上个页面的数据没有被清除的情况。
分析原因得出是因为我在点击切换的时候,并没有将数据全部置为空倒置,页面中的数据没有被全部清除掉,还有一个原因是因为,在进行下拉加载更多的时候,需要判断当前有没有更多的数据了,如果返回的是一个空数组就不再进行请求了,在切换选项卡的时候有的选项并没有数据,所以不会执行请求,而我做的替换数据是在有数据的前提下,所以切换到没有数据一项的时候,上一个数据并没有执行替换操作,所以会继续执行显示。
解决的办法是替换数据的操作在进行加载数据的函数中直接执行,不管当前有没有数据。
网友评论