为何使用fetch?
前端开发中,向服务器请求数据通常用三种:XMLHttpRequest、fetch、jQuery的ajax
XMLHttpRequest、fetch是浏览器的原生API,fetch在IE和低版本的浏览器支持不友好
jQuery的ajax其实就是对XMLHttpRequest的封装实现
建议在项目中引用第三方封装好的,以避免有些网站无法工作 fetch github
step1: yarn add whatwg-fetch
step2: import {fetch as fetchPolyfill} from 'whatwg-fetch'
step3: fetchPolyfill(api)
.then(function(response) {
return response.json()
}).then(function(json) {
console.log('parsed json', json)
}).catch(function(ex) {
console.log('parsing failed', ex)
})
fetch使用
简单的使用:
fetch(url, options).then(function(response) {
// handle HTTP response
}, function(error) {
// handle network error
})
全面使用:
fetch(url, {
method: "POST",
body: JSON.stringify(data),
headers: {
"Co