fetch就是基于promise的一種封裝所形成的標(biāo)準(zhǔn),不需要引入第三方文件,

ajax、XHR、fetch之間的關(guān)系:

ajax是一種異步請(qǐng)求數(shù)據(jù)，局部更新頁(yè)面的技術(shù);

XHR是實(shí)現(xiàn)ajax的原生方法，沒(méi)有兼容性問(wèn)題;

fetch 則是一個(gè)新的網(wǎng)絡(luò)請(qǐng)求 API，提供了現(xiàn)代化的解決方案,他有兼容性問(wèn)題,

如果瀏覽器不支持fetch，就自動(dòng)降級(jí)為XHR,

使用fetch:fetch(url, options)

.then(function(response) {

//拿到狀態(tài)碼，響應(yīng)頭

if (response.ok) {

return response.json(); // 處理響應(yīng)

} else {

throw new Error('Error:' + response.status); // 處理錯(cuò)誤

}

})

.then(function(data) {

console.log(data); // 處理響應(yīng)數(shù)據(jù)

})

.catch(function(error) {

console.error('Error:', error); // 處理錯(cuò)誤

});