防止请求频率太高(防抖)的土方法

    前端开发会遇到一种情况,用户快速点击某个按钮,然后再前一个请求还未结束的情况下下一个请求又开始了,这样就会导致各种问题,比如参数还未处理到位,或者响应数据为空等等。

    来,朋友们,今天就来用最土的方法解决一下此问题。

    先说说鄙人遇到的问题吧,如下图,当用户点击人员名称时发送请求,查询该员工数据,然后显示在表格中

防止请求频率太高(防抖)的土方法_第1张图片

由于 人员名称需要请求获取,因此在请求该员工数据之前,还要一段时间来获取人员名称,如果用户点击过快,会出现人员名称不匹配或为空的情况,因此需要限制用户的请求次数。

解决方法:

     1、首先定义个请求完成的标志位。初始值设为true

防止请求频率太高(防抖)的土方法_第2张图片

2、 在发送请求之前,先判断该标志位是否为true,来确定上一个请求是否完成,如果完成放行并将标志位设为false,否则不执行请求代码

防止请求频率太高(防抖)的土方法_第3张图片

3、在请求完成后将标志位置为true,表示请求完成。

防止请求频率太高(防抖)的土方法_第4张图片 好问题解决,妈妈再也不用担心用户,疯狂点击按钮了,下课!

防止请求频率太高(防抖)的土方法_第5张图片

你可能感兴趣的:(防止请求频率太高(防抖)的土方法)