1. 首页
  2. 前端进阶
  3. JavaScript

开发项目时,如何限制接口被多次点击调用

前言

在日常的开发中,经常会忽略掉按钮的重复点击提交,结果就是被细心的测试妹纸狂点按钮测试到不正常啦,哈哈哈哈。

那么我们该怎么来实现按钮的重复提交呢?

进入正题:

思路:
首先我们设置一个开关,当这个按钮被点击的时候,马上关掉开关,一直等程序运行完;后续如果还需要点击,再放开就好了

上代码

let switch = false;

doSomething() {

  if (switch) {

    return false;

  }

  switch = true;

  promise().then(res => {

    switch = false;

  }).catch(() => {

    switch = false;

  });

}

这就完成了一个开关了;每次点击按钮后只能调用一个接口;除非这个接口响应了后才可以继续点击哦。

如果有更好的方法,欢迎交流

❤️ 看完两件事

如果你觉得这篇内容对你挺有启发,我想邀请你帮我两个小忙:

  1. 点个「」,把这篇内容分享到你的QQ/微信群,让更多的人也能看到 -_-,
  2. 关注公众号「IT平头哥联盟」,一起进步,一起成长!

+ 更多文章
+ 被问机率高达99.6%的Vue面试题
+ 面试官到底想看什么样的简历?
+ 高频面试题之JavaScript的数组有什么特殊不同吗

JS中文网 – 前端进阶资源教程 www.javascriptC.com
一个致力于帮助开发者用代码改变世界为使命的平台,每天都可以在这里找到技术世界的头条内容
JS中文网 - 前端进阶资源教程,领略前端前沿,关注IT平头哥联盟

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「IT平头哥联盟」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:开发项目时,如何限制接口被多次点击调用

链接:https://www.javascriptc.com/3124.html

« 第3篇:状态机之细说Async专题
如何提升低端设备的 Web 性能?试试自适应加载模式»

相关推荐

QR code