文章目录

  • 一、fetch API 中的 HTTP 请求
  • 二、fetchAPI 中 响应格式
  • Fetch API是新的ajax解决方案 Fetch会返回Promise
  • fetch不是ajax的进一步封装,而是原生js,没有使用XMLHttpRequest对象。-
  • fetch(url, options).then()
<script type="text/javascript">// Fetch API 基本用法 fetch(url).then() 第一个参数请求的路径// Fetch会返回Promise 所以我们可以使用then 拿到请求成功的结果fetch('http://localhost:3000/fdata').then(function(data){// text()方法属于fetchAPI的一部分,它返回一个Promise实例对象,// 用于获取后台返回的数据 return data.text();return data.text();}).then(function (data) {// 在这个then里面我们能拿到最终的数据console.log(data);})
</script>

一、fetch API 中的 HTTP 请求

  • fetch(url, options).then()
  • HTTP协议,它给我们提供了很多的方法,如POST,GET,DELETE,UPDATE,PATCH和PUT
  • 默认的是 GET 请求
  • 需要在 options 对象中 指定对应的 method method:请求使用的方法
  • post 和 普通 请求的时候 需要在options 中 设置 请求头 headers 和 body





二、fetchAPI 中 响应格式

用fetch来获取数据,如果响应正常返回,我们首先看到的是一个response对象,其中包括返回的一堆原始字节,这些字节需要在收到后,需要我们通过调用方法将其转换为相应格式的数据,比如 JSON , BLOB 或者TEXT 等等。

Vue学习(三十五)——fetch的用法相关推荐

  1. Linux的冒号和波浪号用法,shell 学习三十五天---波浪号展开与通配符

    shell 学习三十五天---波浪号展开与通配符 shell 中两种与文件名相关的展开.第一种是波浪号展开,第二种是通配符展开式. 波浪号展开 如果命令行字符串的第一个字符为波浪号(~),或者变量指定 ...

  2. Java多线程学习三十五: CyclicBarrier 和 CountDownLatch 有什么不同

    CyclicBarrier 和 CountDownLatch 有什么不同? CyclicBarrier作用 CyclicBarrier 和 CountDownLatch 确实有一定的相似性,它们都能阻 ...

  3. vue.js三十五—— 从无到有完整的项目实战2

    上一章我们完成了首页界面,今天完成新闻资讯模块 1. 改造新闻资讯的路由链接 打开首页组件homeContainner.vue,找到新闻资讯的li标签,将a标签改为<router-link> ...

  4. shell学习三十五天----波浪号展开与通配符

    波浪号展开与通配符 shell中两种与文件名相关的展开.第一种是波浪号展开,第二种是通配符展开式. 波浪号展开 如果命令行字符串的第一个字符为波浪号(~),或者变量指定(例如PATH或CDPATH变量 ...

  5. opencv学习(三十五)之仿射变换warpAffine

    1.仿射变换介绍 仿射变换是指在向量空间中进行一次线性变换(乘以一个矩阵)并加上一个平移(加上一个向量),变换为另一个向量空间的过程.在有限维的情况下,每个仿射变换可以由一个矩阵A和一个向量b给出,它 ...

  6. Tensorflow实战学习(三十五)【实现基于LSTM语言模型】

    神经结构进步.GPU深度学习训练效率突破.RNN,时间序列数据有效,每个神经元通过内部组件保存输入信息. 卷积神经网络,图像分类,无法对视频每帧图像发生事情关联分析,无法利用前帧图像信息.RNN最大特 ...

  7. Slicer学习笔记(三十五)slicer学习链接

    Slicer学习笔记(三十五)slicer学习链接 使用方面: 坐标系:https://www.slicer.org/wiki/Coordinate_systems 模块:https://slicer ...

  8. JavaScript学习(三十五)—拖动元素

    JavaScript学习(三十五)-拖动元素 代码如下: <!DOCTYPE html> <html lang="en"><head><m ...

  9. Java学习笔记(三十五)

    在完成对C语言的学习后,我最近开始了对C++和Java的学习,目前跟着视频学习了一些语法,也跟着敲了一些代码,有了一定的掌握程度.现在将跟着视频做的笔记进行整理.本篇博客是整理Java知识点的第三十五 ...

  10. LINUX学习基础篇(三十五)日志管理

    LINUX学习基础篇(三十五)日志管理 日志管理 系统中常见的日志文件 日志文件格式 rsyslogd服务的配置文件 日志轮替 logrotate配置文件 配置文件夹 /etc/logrotate.d ...

最新文章

  1. 中国3G标准开始欧洲征程 中兴通讯先拔头筹
  2. Python必学内容:格式化输出的三种方式
  3. 避免修改构造函数输入参数引起的 breaking change
  4. laravel 5.1 php版本号,发行版本说明 | 序言 | Laravel 5.1 中文文档
  5. 《JS权威指南学习总结--9.5 类和类型》
  6. php多级控制,thinkphp5多级控制器是什么?怎么使用?
  7. AcWing 102. 最佳牛围栏
  8. linux脚本中sed -i,Linux Shell 脚本之sed命令详解
  9. 51单片机流水灯用c语言,51单片机流水灯C语言源代码.doc
  10. 小白菜飘过计算机三级数据库
  11. Meanshift均值漂移聚类算法
  12. 5G基本原理/5G NR的关键技术
  13. 从零开始的ZYNQ学习(基于矿卡EBAZ4205)(二)
  14. Java 小数保留小数位数的方法
  15. 吴永祥:政府大数据服务平台建设之道
  16. 使用Git Bash实现Git代码上传加密
  17. 数图互通高校房产管理模块,公租房管理是怎样对合同、续租,申请审核审批管理的;
  18. 2019最新微信墙微信上墙微信弹幕婚庆会议大屏幕3D签到抽奖摇一摇微信上墙
  19. Layui的layer.confirm弹框用法,很详细
  20. Eclipse+Java+Swing+Mysql实现员工工资管理系统

热门文章

  1. SQL 给查询数据新增一个列,并自定义分类排序
  2. java final 关键字
  3. PHP wampserver如何升级PHP到8.1.14
  4. python处理异常
  5. 在midjourney看到比较有趣的AI图并记录prompt(一)
  6. 中国电视品牌出货量持续猛增,正在改变全球电视市场格局
  7. Linux卸载RabbitMQ
  8. VC编程经验汇总(二)
  9. 平车调整刀片如何调整_裁切机的上刀下刀如何调整?
  10. java set 的使用方法_Java中Set的使用(转载)