function fetchWrapper(urlString, options) { return fetch(urlString, options) .catch(err => { // corsエラー、networkエラー等、そもそもサーバへ本リクエストする以前のエラー console.log("CLIENT-ERR :", err) throw new Error("アクセスできません、時間を置いてお試しください") }) .then(response => { // レスポンスのヘッダを処理したい場合はここで for (const pair of response.headers.entries()) { // console.log(" RES-HEADER: ", pair[0]+ ': '+ pair[1]) } // 返り値はpromiseになってるので展開する cons
Quiz: What does this call to the web’s new fetch() API do? fetch("http://httpstat.us/500") .then(function() { console.log("ok"); }).catch(function() { console.log("error"); }); If you’re like me, you might assume this code logs “error” when run—but it actually logs “ok”. This expectation probably comes from years of jQuery development, as jQuery’s ajax() method invokes its fail handler when the re
I have an HTTP API that returns JSON data both on success and on failure. An example failure would look like this: ~ ◆ http get http://localhost:5000/api/isbn/2266202022 HTTP/1.1 400 BAD REQUEST Content-Length: 171 Content-Type: application/json Server: TornadoServer/4.0 { "message": "There was an issue with at least some of the supplied values.", "payload": { "isbn": "Could not find match for ISB
最近のフロントエンド開発に関して、 jQuery への依存を極力減らしてPure JS だけでいろいろな処理を書くように心掛けています。 具体的には ECMAScript2015 で書いたものを Babel でトランスパイルして、Browserify でバンドルするというスタイルですね。ホント、Babel 様々です。 その流れで、 jQuery.ajax() からの置き換えで Fetch API を試しています。 jQuery.ajax() 代替の候補としては他にも SuperAgent や axios があるんですが、Fetch API は WHATWG によって策定が進んでいる次期標準の安心感がありますし、とりあえず手を付けておいても損はないんじゃないでしょうか。 jQuery.ajax() と fetch() の大きな違い さて、本題です。 jQuery.ajax() と fetch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
