fetch API简单使用方法

最新推荐文章于 2024-05-27 09:22:23 发布

justforuse

最新推荐文章于 2024-05-27 09:22:23 发布

阅读量2.1k

点赞数

分类专栏： javascript 文章标签：函数 fetch

本文链接：https://blog.csdn.net/u014291497/article/details/74163750

版权

javascript 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

fetch 可以看做是将要代替ajax的一种方式；行为与promise类似，下面是一些简单的使用方法：

<body>
    <img src="" alt="">
    <script>
        myImage = document.querySelector('img');
        fetch("./lenna.jpg")
            .then(function (res) {
                return res.blob()
            })
            .then(function (blob) {
                var objectURL = URL.createObjectURL(blob);
                myImage.src = objectURL;
            })
        fetch("./data.json")
            .then(function(res){
                return res.json();
            })
            .then(function(data){
                console.log(data);
            })
    </script>
</body>

值得注意的是fetch第一个then方法的response参数并不是实际返回的数据，而是一个包含response的promise对象，所以在这一层需要格式化返回数据，并继续传递给下一层。

更详细的内容可参考：https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch

justforuse

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
fetch API简单使用方法

fetch 可以看做是将要代替ajax的一种方式；行为与promise类似，下面是一些简单的使用方法：<body> <img src="" alt=""> <script> myImage = document.querySelector('img'); fetch("./lenna.jpg") .then(function (
复制链接

扫一扫