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