专栏首页小康的自留地二、fetch中的基础语法

二、fetch中的基础语法

参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch

fetch概念

fetch不是Ajax,它诞生的目的是为了代替Ajax,它是js中内置的API。

基于fetch可以实现客户端和服务端的信息通信

由于fetch是2018年提出,因此存在浏览器兼容问题。

fetch('https://v1.hitokoto.cn', {
    method: 'GET',
}).then(result => {
    console.log(result);
})
fetch('https://v1.hitokoto.cn', {
            method: 'POST',
            body: 'c=b',
            headers: {
                'Content-Type': 'x-www-form-urlcoded'
            },
            credentials: 'include'
        }).then(result => {
            console.log(result);
        })

注意问题

  • GET/HEAD等请求不能设置body
  • 不管服务器返回的状态是多少,fetch都不认为是失败。并且会执行then方法。

返回结果

通过回调函数并不能直接获得响应结果。其返回结果为一个对象。

  • headers 包含响应头信息
  • redirected 是否重定向
  • status 响应码
  • statusText 响应文本
  • type basic/cors
  • url 请求地址

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 基于面向对象的工具库练习

    解决这个问题是通过匿名函数,然后在匿名函数内创建对象,将window作为参数传入匿名函数,并将此对象赋值与window

    Dreamy.TZK
  • 一、Django连接与建立数据库

    如果没有修改django默认数据库连接,那么会自动生产一个sqlite3的数据库。

    Dreamy.TZK
  • 八、NPM包管理

    在我们的模块中定义一个对象,并将其暴露出去。接下来在我们自己的js文件中去使用这个对象。

    Dreamy.TZK
  • SambaCry真的来了,利用CVE-2017-7494漏洞来挖矿

    两周前我们曾经预警过一个Samba远程代码执行漏洞,这款漏洞能够影响影响7年前的Samba版本,黑客可以利用漏洞进行远程代码执行。更多漏洞原理及利用细节可以参考...

    FB客服
  • 荣登Github周榜!Shadow发布更多设计细节

    腾讯最近开源的一款 Android 插件框架 Shadow,开源后受业内好评,荣登 Github 周榜。 这是腾讯旗下继 微信热补丁技术 tinker、前端跨...

    腾讯开源
  • 太厉害了,这款开源类库可以帮你简化每一行代码

    “黑铁时代”读者群里有个小伙伴感慨说,“Hutool 这款开源类库太厉害了,基本上该有的工具类,它里面都有。”讲真的,我平常工作中也经常用 Hutool,它确实...

    沉默王二
  • 基于springboot的ssm分模块框架

    工程创建直接使用IDEA,分5个模块,分别是dao、model、service、controller和common。

    foochane
  • for 、foreach 、iterator 三种遍历方式的比较

    for、foreach循环、iterator迭代器都是我们常用的一种遍历方式,你可以用它来遍历任何东西:包括数组、集合等

    cxuan
  • 浏览器重绘与回流

    重绘与回流是浏览器渲染的时候进行的操作,当页面内容发生改变的时候,就会触发重绘或者回流

    WindrunnerMax
  • Linux文件操作

    mwangblog

扫码关注云+社区

领取腾讯云代金券