前言
相信大家應該都有所了解,在這個AJAX時代,如果想進行 API 等網絡請求都是通過 XMLHttpRequest 或者封裝后的框架進行網絡請求。 現在產生的 fetch 框架簡直就是為了提供更加強大、高效的網絡請求而生,雖然在目前會有一點瀏覽器兼容的問題,但是當我們進行一些異步請求時,都可以使用 fetch 進行完美的網絡請求。下面話不多說,來一起看看詳細的介紹吧。
先來看看各個瀏覽器對fetch的原生支持情況,可以看到支持性并不是很高,safari在10.1 之后才支持,ios更是10.3之后才支持,IE完全不支持。當然新技術的發展總會經歷這個過程。
Ajax請求
普通的Ajax請求,用XHR發送一個json請求一般是這樣的:
var xhr = new XMLHttpRequest(); xhr.open("GET", url); xhr.responseType = 'json'; xhr.onload = function(){ console.log(xhr.response); }; xhr.onerror = function(){ console.log("error") } xhr.send();
使用fetch實現的方式:
fetch(url).then(function(response){ return response.json(); }).then(function(data){ console.log(data) }).catch(function(e){ console.log("error") })
也可以用async/await的方式
try{ let response = await fetch(url); let data = await response.json(); console.log(data); } catch(e){ console.log("error") }
用了await后,寫異步代碼感覺像同步代碼一樣爽。await后面可以跟Promise對象,表示等待Promise resolve()
才會繼續下去執行,如果Promise被reject()
或拋出異常則會被外面的try...catch捕獲。
使用fetch
fetch的主要優點是
但是也有它的不足
fetch(url, {credentials: 'include'})
fetch語法:
fetch(url, options).then(function(response) { // handle HTTP response }, function(error) { // handle network error })
具體參數案例:
//兼容包 require('babel-polyfill') require('es6-promise').polyfill() import 'whatwg-fetch' fetch(url, { method: "POST", body: JSON.stringify(data), headers: { "Content-Type": "application/json" }, credentials: "same-origin" }).then(function(response) { response.status //=> number 100亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb 热re99久久精品国产66热| 国产精品久久久久久久久久小说| 亚洲一区制服诱惑| 欧美精品电影免费在线观看| 亚洲人av在线影院| 欧美www视频在线观看| 国产成人综合av| 成人精品视频99在线观看免费| 久久精品视频亚洲| 日韩国产中文字幕| 91免费电影网站| 亚洲伊人成综合成人网| 国产成人精品一区二区三区| 亚洲综合在线播放| 亚洲一区二区三区乱码aⅴ蜜桃女| 亚洲精品一二区| 美日韩在线视频| 欧美性xxxx极品hd欧美风情| 久久艹在线视频| 亚洲精品999| 久久成人精品视频| 亚洲美女免费精品视频在线观看| 亚洲福利视频网| 国产视频观看一区| 爱福利视频一区| 国产在线精品自拍| 美日韩精品免费视频| 中文字幕日韩电影| 日韩中文综合网| 欧美综合国产精品久久丁香| 国产欧美日韩专区发布| 亚洲毛片一区二区| 九九热99久久久国产盗摄| 亚洲香蕉在线观看| 亚洲精品一区二区三区婷婷月| 中文字幕日韩综合av| 久久男人的天堂| 欧美一性一乱一交一视频| 欧美在线视频观看免费网站| 亚洲第一二三四五区| 丝袜美腿亚洲一区二区| 北条麻妃一区二区在线观看| 日韩电影中文字幕av| 欧美激情极品视频| 色综合久久中文字幕综合网小说| 国产精品视频内| 久久综合久久美利坚合众国| 国产精品久久久久9999| 久久免费在线观看| 日本亚洲精品在线观看| 97在线视频免费观看| 欧美性生交大片免费| 久久久国产精品免费| 日韩av影院在线观看| 欧美资源在线观看| 92福利视频午夜1000合集在线观看| 久久久久亚洲精品| 欧美激情亚洲激情| 国产成人综合亚洲| 久久久精品在线| 欧美激情视频网址| 日本国产精品视频| 日韩中文在线中文网三级| 日韩成人在线免费观看| 性欧美激情精品| 国产精品久久久久av| 国产精品亚洲网站| 欧美精品中文字幕一区| 亚洲护士老师的毛茸茸最新章节| 亚洲午夜国产成人av电影男同| 91精品视频播放| 久久久国产精品亚洲一区| 午夜免费日韩视频| 欧美亚洲另类激情另类| 久久久久久久一区二区| 2019av中文字幕| 国产欧美在线看| 国产亚洲精品久久久久动| 久久av在线看| 最近2019年中文视频免费在线观看| 欧美激情精品久久久久久变态| 国产偷国产偷亚洲清高网站| 欧美日韩在线免费观看| 久久伊人免费视频| 国产精品视频精品视频| 欧美高清视频一区二区| 中文字幕亚洲一区在线观看| 欧美孕妇性xx| 欧美最近摘花xxxx摘花| 欧美大片第1页| 91高清在线免费观看| 国产91av在线| 欧美中文字幕视频在线观看| 91久久久亚洲精品| 91亚洲一区精品| 超碰精品一区二区三区乱码| 日韩美女视频免费看| 色悠悠久久久久| 久久九九热免费视频| 福利一区福利二区微拍刺激| 久久久之久亚州精品露出| 欧美性高潮在线| 国产精品91在线观看| 久久五月情影视| 国产精品久久久久久久久免费看| 久久久久久av| 国产一区私人高清影院| 亚洲男人天堂古典| 亚洲欧洲在线观看| 国产91精品最新在线播放| 亚洲日韩中文字幕在线播放| 国产一区二区三区精品久久久| 久久久久久久国产精品视频| 亚洲欧洲高清在线| 欧美成人在线网站| 亚洲精品永久免费精品| 日韩av在线免费看| 久久久久免费精品国产| 国产精品露脸自拍| 中文字幕久热精品在线视频| 日韩理论片久久| 97碰碰碰免费色视频| 中文字幕av一区二区三区谷原希美| 色在人av网站天堂精品| 欧美电影免费在线观看| 91色视频在线观看| 一本色道久久88精品综合| 九九热这里只有精品6| 九九热r在线视频精品| 成人乱人伦精品视频在线观看| 日韩电影中文字幕一区| 久久露脸国产精品| 精品国产成人av| 欧美日韩人人澡狠狠躁视频| 日韩在线精品视频| 久久亚洲欧美日韩精品专区| 国产精品99久久久久久久久久久久| 日本亚洲精品在线观看| 高清欧美性猛交xxxx黑人猛交| 国模精品系列视频| 亚洲男人的天堂在线| 久久久久一本一区二区青青蜜月| 久久99久国产精品黄毛片入口| 久久国产精品久久久久| 精品国产依人香蕉在线精品| 亚洲视频一区二区三区| 亚洲欧美中文字幕在线一区| 久久天天躁狠狠躁夜夜躁2014| 亚洲精品自拍第一页| 欧美性猛交xxxx黑人| 中文欧美在线视频| 欧美激情一区二区三区久久久| 国产精品女主播| 亚洲国产成人av在线| 亚洲第一区在线| 日韩国产激情在线| 欧美福利小视频| 亚洲欧美中文在线视频| 国产精品成人v| 欧美激情性做爰免费视频| 一本大道久久加勒比香蕉| 日韩免费看的电影电视剧大全| 欧美制服第一页| 在线视频欧美日韩|