首页 > 其他分享 >js如何终止请求发送

js如何终止请求发送

时间:2023-05-23 17:11:24浏览次数:40  
标签:API signal js 发送 cancel controller api 终止

fetch的方式:
let controller = null
input.oninput = async() => {
    
    controller && controller.abort()
    controller = new AbortController()
    try{
         const api = await fetch('https://xxxx.api.xxx',{
           signal: controller.signal
        })
    }
    catch{
      console.log('abort')
    }
   
}

您还可以使用 cancel token 取消一个请求。

  • Axios 的 cancel token API 是基于被撤销 cancelable promises proposal。
  • 此 API 从 v0.22.0 开始已被弃用,不应在新项目中使用。

标签:API,signal,js,发送,cancel,controller,api,终止
From: https://www.cnblogs.com/xuhuang/p/17425798.html

相关文章

  • 解锁各种js数组骚操作,总有你想要的!
    解锁各种js数组骚操作,总有你想要的!解锁各种js数组骚操作,总有你想要的!标签:javascript前端在开发中,数组的使用场景非常多,平日中也涉及到很多数组相关操作,对一些常见的操作方法进行总结和收藏,在开发中就能信手拈来,大大提高开发效率。本文在gitthub做了收录github.com/Michael-......
  • 1、Nodejs学习笔记
    1、fs模块fs模块名称,可以用来操作文件,比如:文件创建,删除,重命名,移动,写入,读取2、来一个fs模块写入的例子//第一个参数文件名称,不存在会创建,第二个参数:写入内容,第三个参数:是写入情况返回值,如果写入成功返回null,如果失败返回错误信息fs.writeFile('','',err=>{})//异步fs.......
  • 发送邮件报错dh key too small
    ssl.SSLError:[SSL:DH_KEY_TOO_SMALL]dhkeytoosmall(_ssl.c:1129)1、找到openssl.cnf的配置文件,如/etc/ssl/openssl.cnf2、在配置文件中找到crypto_policy指向的文件 3、修改指向的文件的内容:/etc/crypto-policies/back-ends/opensslcnf.config 4、我还重启了容......
  • JS 鼠标粒子效果
    <!--鼠标粒子特效--><script>!function(){functionn(n,e,t){returnn.getAttribute(e)||t}functione(n){returndocument.getElementsByTagName(n)}functiont(){......
  • js导入excel&导出excel
    js导入excel&导出excel Excel导入html代码<buttonstyle={{color:'#1890ff',fontSize:'14px',cursor:'pointer'}}onClick={()=>{upFile();}}>导入</button><inputid="upFile"type="fil......
  • rails 前后端数据传递hash to json
    controller.rb@data={a:1,b:2}@data_new={"a":1,"b":2}index.htmlvararr=<%=@data%>#=>{:a=>1,:b=>2}vararr=<%=raw@data%>#=>arr={:a=>1,:b=>2}vararr=<%=raw@data_......
  • SpringMVC响应json数据
    SpringMvc响应json数据@Controller@RequestMapping("/json")publicclassJsonController{@RequestMapping("/js1")@ResponseBody//响应json:将return的值作为文本响应给客户端,而不是转发到对应页面publicStringjs1(){System.out.println("js......
  • Js获取当前是本年度第几周、周开始日期结束日期
    js获取今年第几周和获取周的开始和结束日期获取今年第几周周的开始和结束日期 获取今年第几周//页面初始时获取当前是本年第几周functiongetYearWeek(a,b,c){//a为年b为月c为日/*date1是当前日期date2是当年第一天......
  • vueh5实现双指操作图片或者内容放大缩小拖动 (hammerjs插件)
    可在mounted钩子直接使用通过使用Hammer.js库来实现手势操作,包括缩放、拖动和双击重置功能1.在模板中添加了一个<div>元素,并为其设置了ref属性,以便在代码中引用该元素。2.在mounted生命周期钩子函数中,通过this.$refs.main获取之前设置的<div>元素。3.创建了一个新的Hammer实例,传入......
  • js 关于 replace 取值、替换第几个匹配项
    〇、前言在日常开发中,经常遇到针对字符串的替换、截取,知识点比较碎容易混淆,特此总结一下,仅供参考。一、替换第一个匹配项字符串替换letstrtest="0123测试replace456测试replace789测试replace0"console.log("原字符串:"+strtest)letoutstr=strtest.replace("测试","c......