当前位置: 首页 > 科技观察

如何使用Fetch在JavaScript中进行AJAX调用

时间:2023-03-14 17:02:55 科技观察

在本系列中,我将定期分享有关JavaScript的一些小知识。我们将涵盖JS基础知识、浏览器、DOM、系统设计、领域架构和框架。Fetch是一个用于在JavaScript中发出AJAX请求的接口。它被现代浏览器广泛实现并用于调用API。调用fetch返回带有响应对象的Promise。如果出现网络错误,访问将被拒绝;如果连接到服务器没有问题,并且服务器响应了状态码,则可以解决promise。此状态代码可以是200s、400s或500s。FETCH请求示例:默认情况下,此请求作为GET发送。要发送POST/PATCH/DELETE/PUT,方法属性可以用作选项参数的一部分。其他一些可能的值选项可以是:(1)方法:例如GET、POST、PATCH;(2)headers:头部对象;(3)模式:如cors、no-cors、same-origin;(4)cache:请求的缓存方式;(五)证件;(6)本体;使用示例:本示例演示fetch调用API获取git仓库列表的用法。要发送POST请求,下面是如何将method参数与async/await语法一起使用。