前端开发会遇到一种情况,用户快速点击某个按钮,然后再前一个请求还未结束的情况下下一个请求又开始了,这样就会导致各种问题,比如参数还未处理到位,或者响应数据为空等等。
来,朋友们,今天就来用最土的方法解决一下此问题。
先说说鄙人遇到的问题吧,如下图,当用户点击人员名称时发送请求,查询该员工数据,然后显示在表格中

由于 人员名称需要请求获取,因此在请求该员工数据之前,还要一段时间来获取人员名称,如果用户点击过快,会出现人员名称不匹配或为空的情况,因此需要限制用户的请求次数。
解决方法:
1、首先定义个请求完成的标志位。初始值设为true

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

3、在请求完成后将标志位置为true,表示请求完成。
好问题解决,妈妈再也不用担心用户,疯狂点击按钮了,下课!

本文介绍了一种前端开发中常见的问题——用户快速连续点击按钮导致的请求混乱,并提供了一个简单而有效的解决方案,通过设置请求标志位来限制用户在请求未完成前的多次点击,确保数据的准确性和用户体验。
688

被折叠的 条评论
为什么被折叠?



