您现在的位置:首页 >> 前端 >> 内容

fetchAPI简单使用方法

时间:2017/7/4 16:22:50 点击:

  核心提示:fetchAPI简单使用方法fetch 可以看做是将要代替ajax的一种方式;行为与promise类似,下面是一些简单的使用方法:bodyimg src= alt=\scriptmyImage = d...

fetchAPI简单使用方法

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对象,所以在这一层需要格式化返回数据,并继续传递给下一层。

Tags:FE ET TC CH 
作者:网络 来源:justforuse