{"id":786,"date":"2019-02-15T10:29:08","date_gmt":"2019-02-15T02:29:08","guid":{"rendered":"https:\/\/sora.sound.moe\/?p=786"},"modified":"2019-02-15T10:29:08","modified_gmt":"2019-02-15T02:29:08","slug":"inject-fetch-api","status":"publish","type":"post","link":"https:\/\/sora.sound.moe\/?p=786","title":{"rendered":"Inject Fetch API"},"content":{"rendered":"\n<!--more-->\n\n\n\n<p>\u524d\u6bb5\u65f6\u95f4\u5728\u8fd9\u91cc\u5199\u4e86\u52ab\u6301 XHR \u7684\u65b9\u6cd5\uff0c\u65f6\u4ee3\u5728\u8fdb\u6b65\uff0c\u73b0\u5728\u8bb8\u591a\u7f51\u7ad9\u5f00\u59cb\u4f7f\u7528 Fetch API\u3002Fetch API \u662f\u4e00\u5957\u57fa\u4e8e Promise \u7684\u4f53\u7cfb\uff0c\u548c XHR \u5dee\u522b\u8fd8\u662f\u633a\u5927\u7684\u3002\u4f46\u662f\u52ab\u6301\u8d77\u6765\u53cd\u800c\u66f4\u65b9\u4fbf\u4e00\u70b9\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"> <br \/>const _fetch = fetch;<br \/>        fetch = (url, ...fargs) =&gt; {<br \/>            return new Promise((resolve, reject) =&gt; {<br \/>                _fetch(url, ...fargs).then(async res =&gt; {<br \/>                    resolve(res);<br \/>                    return res.clone();<br \/>                }).then(async r =&gt; {<br \/>                    \/\/ do your things here<br \/>                }).catch(e =&gt; {<br \/>                    reject(e);<br \/>                });<br \/>            })<br \/>        } <\/pre>\n\n\n\n<p>\u5229\u7528 Promise \u53ef\u4ee5\u94fe\u5f0f\u8c03\u7528\u7684\u7279\u70b9\uff0c\u6362\u6389\u539f\u6765\u8fd4\u56de\u7684 Promise \u3002Fetch API \u6709\u4e00\u4e2a\u7279\u70b9\u5c31\u662f Response Body \u53ea\u80fd\u88ab\u7528\u4e00\u6b21\uff0c\u6240\u4ee5\u9700\u8981\u4f7f\u7528 Response.clone() \u65b9\u6cd5\u590d\u5236\u4e00\u4e2a\u3002<\/p>\n\n\n\n<p>\u5176\u5b9e\u8fd9\u79cd\u65b9\u6cd5\u5404\u79cd\u9519\u8bef\u56de\u62a5\u7c7b\u670d\u52a1\u90fd\u5728\u5e7f\u6cdb\u4f7f\u7528\u4e86\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"twentyseventeen-featured-image":false,"twentyseventeen-thumbnail-avatar":false},"uagb_author_info":{"display_name":"Sora","author_link":"https:\/\/sora.sound.moe\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/sora.sound.moe\/index.php?rest_route=\/wp\/v2\/posts\/786"}],"collection":[{"href":"https:\/\/sora.sound.moe\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sora.sound.moe\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sora.sound.moe\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sora.sound.moe\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=786"}],"version-history":[{"count":0,"href":"https:\/\/sora.sound.moe\/index.php?rest_route=\/wp\/v2\/posts\/786\/revisions"}],"wp:attachment":[{"href":"https:\/\/sora.sound.moe\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sora.sound.moe\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sora.sound.moe\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}