Fetch

简介: Fetch

get url filefetchfetch url json

Sample Demo

fetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(JSON.stringify(myJson));
  });

Uploading json data

var url = 'https://example.com/profile';
var data = {username: 'example'};
fetch(url, {
  method: 'POST', // or 'PUT'
  body: JSON.stringify(data), // data can be `string` or {object}!
  headers:{
    'Content-Type': 'application/json'
  }
}).then(res => res.json())
.then(response => console.log('Success:', JSON.stringify(response)))
.catch(error => console.error('Error:', error));

upload file

// upload file
let formData = new FormData()
let file = new File([this.fileObj], fileName.toString(), {
  'type': 'audio/wave'
})
console.log('file: ', file)
formData.append('image', file)
fetch('http://127.0.0.1:3000/file_upload', {
  method: 'POST',
  body: formData
}).then((res) => {
  console.log('res: ', res)
}).catch((err) => {
  console.error('err: ', err)
})

developer.mozilla.org/en-US/docs/…

目录
相关文章
|
3月前
|
存储 Linux Docker
Could not fetch/save url https://download.docker.com/linux/centos/docker-ce.repo
CentOS 安装Docker时,将 Docker 官方的 YUM 存储库添加到 CentOS 系统中出现错误。
498 0
|
5月前
|
JSON 前端开发 安全
XHR 和 Fetch方法小知识
【6月更文挑战第7天】XHR 和 Fetch方法小知识
232 0
|
5月前
|
JSON 前端开发 JavaScript
Axios 和 Fetch,哪个才是你的最佳选择?
在前端开发中,处理 HTTP 请求是一个常见且重要的任务。JavaScript 提供了多种方式来发送网络请求,其中最受欢迎的两种方式分别就是 Fetch API 和 Axios。尽管两者都能完成同样的任务,即从客户端向服务器发送请求并接收响应,但它们在使用方式、功能及灵活性方面各有千秋,下面我们简单了解下。
|
Linux
Could not fetch/save url http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repoError 403
Could not fetch/save url http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repoError 403
1685 1
|
6月前
|
XML JSON 前端开发
你知道 XHR 和 Fetch 的区别吗?
你知道 XHR 和 Fetch 的区别吗?
836 1
|
存储 缓存 JSON
Fetch 和 Cache
fetch 是浏览器提供的一个用于发起网络请求的 API,是 XMLHttpRequest 的替代方案,fetch 本身自带 Promise 属性,支持现代化的异步方案。
267 0
|
JSON 前端开发 数据格式
Ajax&Fetch学习笔记 08、Fetch
Ajax&Fetch学习笔记 08、Fetch
Ajax&Fetch学习笔记 08、Fetch
|
数据库
koa+Sequelize进行get,post,delete,put,all操作
koa+Sequelize进行get,post,delete,put,all操作
|
Web App开发 数据采集 JSON
Fetch和Axios请求对比
接口请求
309 0
|
JSON 前端开发 JavaScript
fetch异步请求使用详解
fetch异步请求使用详解
fetch异步请求使用详解