Vue学习(三十五)——fetch的用法
文章目录
- 一、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的用法相关推荐
- Linux的冒号和波浪号用法,shell 学习三十五天---波浪号展开与通配符
shell 学习三十五天---波浪号展开与通配符 shell 中两种与文件名相关的展开.第一种是波浪号展开,第二种是通配符展开式. 波浪号展开 如果命令行字符串的第一个字符为波浪号(~),或者变量指定 ...
- Java多线程学习三十五: CyclicBarrier 和 CountDownLatch 有什么不同
CyclicBarrier 和 CountDownLatch 有什么不同? CyclicBarrier作用 CyclicBarrier 和 CountDownLatch 确实有一定的相似性,它们都能阻 ...
- vue.js三十五—— 从无到有完整的项目实战2
上一章我们完成了首页界面,今天完成新闻资讯模块 1. 改造新闻资讯的路由链接 打开首页组件homeContainner.vue,找到新闻资讯的li标签,将a标签改为<router-link> ...
- shell学习三十五天----波浪号展开与通配符
波浪号展开与通配符 shell中两种与文件名相关的展开.第一种是波浪号展开,第二种是通配符展开式. 波浪号展开 如果命令行字符串的第一个字符为波浪号(~),或者变量指定(例如PATH或CDPATH变量 ...
- opencv学习(三十五)之仿射变换warpAffine
1.仿射变换介绍 仿射变换是指在向量空间中进行一次线性变换(乘以一个矩阵)并加上一个平移(加上一个向量),变换为另一个向量空间的过程.在有限维的情况下,每个仿射变换可以由一个矩阵A和一个向量b给出,它 ...
- Tensorflow实战学习(三十五)【实现基于LSTM语言模型】
神经结构进步.GPU深度学习训练效率突破.RNN,时间序列数据有效,每个神经元通过内部组件保存输入信息. 卷积神经网络,图像分类,无法对视频每帧图像发生事情关联分析,无法利用前帧图像信息.RNN最大特 ...
- Slicer学习笔记(三十五)slicer学习链接
Slicer学习笔记(三十五)slicer学习链接 使用方面: 坐标系:https://www.slicer.org/wiki/Coordinate_systems 模块:https://slicer ...
- JavaScript学习(三十五)—拖动元素
JavaScript学习(三十五)-拖动元素 代码如下: <!DOCTYPE html> <html lang="en"><head><m ...
- Java学习笔记(三十五)
在完成对C语言的学习后,我最近开始了对C++和Java的学习,目前跟着视频学习了一些语法,也跟着敲了一些代码,有了一定的掌握程度.现在将跟着视频做的笔记进行整理.本篇博客是整理Java知识点的第三十五 ...
- LINUX学习基础篇(三十五)日志管理
LINUX学习基础篇(三十五)日志管理 日志管理 系统中常见的日志文件 日志文件格式 rsyslogd服务的配置文件 日志轮替 logrotate配置文件 配置文件夹 /etc/logrotate.d ...
最新文章
- 中国3G标准开始欧洲征程 中兴通讯先拔头筹
- Python必学内容:格式化输出的三种方式
- 避免修改构造函数输入参数引起的 breaking change
- laravel 5.1 php版本号,发行版本说明 | 序言 | Laravel 5.1 中文文档
- 《JS权威指南学习总结--9.5 类和类型》
- php多级控制,thinkphp5多级控制器是什么?怎么使用?
- AcWing 102. 最佳牛围栏
- linux脚本中sed -i,Linux Shell 脚本之sed命令详解
- 51单片机流水灯用c语言,51单片机流水灯C语言源代码.doc
- 小白菜飘过计算机三级数据库
- Meanshift均值漂移聚类算法
- 5G基本原理/5G NR的关键技术
- 从零开始的ZYNQ学习(基于矿卡EBAZ4205)(二)
- Java 小数保留小数位数的方法
- 吴永祥:政府大数据服务平台建设之道
- 使用Git Bash实现Git代码上传加密
- 数图互通高校房产管理模块,公租房管理是怎样对合同、续租,申请审核审批管理的;
- 2019最新微信墙微信上墙微信弹幕婚庆会议大屏幕3D签到抽奖摇一摇微信上墙
- Layui的layer.confirm弹框用法,很详细
- Eclipse+Java+Swing+Mysql实现员工工资管理系统