fetch发起promise异步网络请求的个人小记

最新推荐文章于 2024-07-23 19:01:27 发布

GrowthHacker

最新推荐文章于 2024-07-23 19:01:27 发布

阅读量700

点赞数

分类专栏：前端技术知识文章标签： fetch promise

本文链接：https://blog.csdn.net/tinsine/article/details/78926495

版权

前端技术知识专栏收录该内容

22 篇文章 1 订阅

订阅专栏

fetch发起异步网络请求

//fetch请求链接立即返回一个promise对象；promise被通过，返回response对象，再通过response.json()返回的也是一个promise对象，response.json().then()<==>fetchProduct().then();
//具体写法
exports.fetchProduct = () => {
    return  fetch(`${PREFIX}/product.json`).then(response => response.json());
};

ajax 的实现方法

 exports.xmlProduct =() =>{
    var xhr = new XMLHttpRequest();
    xhr.onload=function(){
        insertPhotos(JSON.parse(xhr.responseText))
    };
    xhr.open("GET",URL);
    xhr.send();
 }