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/…

目录
打赏
0
0
0
0
8
分享
相关文章
XHR 和 Fetch方法小知识
【6月更文挑战第7天】XHR 和 Fetch方法小知识
475 0
Axios 和 Fetch,哪个才是你的最佳选择?
在前端开发中,处理 HTTP 请求是一个常见且重要的任务。JavaScript 提供了多种方式来发送网络请求,其中最受欢迎的两种方式分别就是 Fetch API 和 Axios。尽管两者都能完成同样的任务,即从客户端向服务器发送请求并接收响应,但它们在使用方式、功能及灵活性方面各有千秋,下面我们简单了解下。
你知道 XHR 和 Fetch 的区别吗?
你知道 XHR 和 Fetch 的区别吗?
1107 1
【Git】(fetch first)和(non-fast-forward)问题解决
【Git】(fetch first)和(non-fast-forward)问题解决
678 1
Fetch 和 Cache
fetch 是浏览器提供的一个用于发起网络请求的 API,是 XMLHttpRequest 的替代方案,fetch 本身自带 Promise 属性,支持现代化的异步方案。
308 0
fetch-封装
上篇文章写了fetch基础配置 这篇文章写写 在项目中的简要封装 其实vue和react的封装都差不多
806 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等