在写后台代码时,发现的前台bug ---> 点击不同查询按钮之后,会重复的向后台发送请求,给经理说过之后很自然的交给我去处理。没办法公司就一个前端还比较忙,可我js是真的只懂一丢丢 *_*。
硬着头皮上吧:
原本的代码 获取每页数据(dataList)、数据总条数(totalPage)、总页数(page)多会发送Ajax请求,明显是不合理的,况且后台传过来的数据已经够了。修改合并代码还不算困难,不过要注意全局变量的问题。在本方法内调用另一个方法时,想要将获取的数据传过去使用,需要定义全局变量。
第二步,我发现改过之后,还是会有重复请求的问题,现在只是第一次只发送一次,再点击会重复发送(可以看下图,我的按钮分布)。期间一个好的方法时,可以一点点打桩看看效果(alert("看看此时效果"); 也可以用console.log(参数名); 在浏览器 按F12 的sonsole查看),这样就会发现问题的所在,不过在哪里打桩是有技巧的,那里是关键点自己用多了就会找了。最后发现原因出在分页部分 Pagination
第三步,