まだXMLHttpRequestを使ってるの？ fetchのすすめ

JavaScriptでWeb的なプログラムを書いたことがある人は、XMLHttpRequestを使った経験もあるのではないかと思います。XMLHttpRequest，略してXHRは、JavaScript（+DOM）でサーバーとHTTP通信をするための唯一の方法としての地位を長らく保ってきましたが1、ここ3〜4年でより新しいAPIであるfetch APIが登場しました。fetch APIが出たばかりの頃は何だこのおもちゃはと正直思いましたが、いつの間にか仕様が充実していい感じになっていました。 皆さんは、この新しいAPIであるfetchをちゃんと使っているでしょうか。それとも、古いXHRを未だに使っているのでしょうか。この記事では、未だにfetchを使っていない人を主な対象としてfetchの使い方を解説します。（XHRと比較しながら解説するので$.ajaxとかaxiosとかしか使ったことがな

[s11011102]

あとで読む

[tohokuaiki]

良い記事なのに何でこういうこと書くんだろう？jQuery(&ユーザ)への謎の上目線って凄く腐臭を放っていることに気づかないんだろうな。“$.ajaxしか使ったことがないよという人はすみませんがサポート対象外です。）”

[marisatokinoko]

素直にaxios使った方がいいと思うが／なぜこんなに星が…ディスる気は無いがfetchは書き味が妙にローレベルなわりになんでもできるわけでないという素人にはオススメできない感あった(今は違うかも)

[cl-gaku]

“転職したら？”そうですね…

[sd-craft]

どうせ戦犯IE

[cloverstudioceo]

jQueryは所謂フロントエンド的な現場では死んだけど、Web制作の現場では全然現役だよ。Disってる奴は痛い目にあうから気をつけておけよ。

[keim_at_Si]

良い記事だと思うのですが、煽りが大変青臭いため30歳過ぎたあたりで、この記事は黒歴史になります（実体験）

[thesecret3]

最近、スマホもブラウザのバージョンを上げない人が増えてきて、動かないとか言い出すんだよな。

[programmablekinoko]

学生（修士）に転職したら？と煽られる

[aquarickn]

javascript界隈で稀に見る煽り系の方

[ya--mada]

fetch API

[koyancya]

Angular 使う時は HttpClient 使うけど、Vanilla JS で何か作るときは fetch にしてる

[yasu-log]

XMLHttpRequestはprogressを取れるのがfetchにない利点

[nismit]

ストリームなんてあるのかー全然知らんかったなーfetch便利

[arearekorekore]

そこまで煽るほどのものなのか

[alt-native]

なぬー

[hdampty7]

技術紹介としては間違いじゃないけど、部下がこの資料で提案してきたら指導の対象だなぁ。既存のXHRでうまく丸められてる例外処理を一通り主要ブラウザでチェックしてサーバー設定も含めて検討の対象する必要がある。

[flytales]

web標準の標準ってなんなの？

[osito]

Promiseベースでやる方法もあるらしい．

[yoiIT]

fetchで上手く行かなくて結局XMLHttpRequest使ったことがあったような気がする。なんだったけな。

[ooblog]

#JavaScript 「XMLHttpRequest~には無いfetchならでは~レスポンスをストリーム~非同期処理はPromise~データが全部やってくるのを待つ必要はありません」

[hylom]

個人的には今XMLHttpRequestで動いているコードをあえて入れ替えるほどではないという感じ。新規でほかのもの使うならfetchが良いとは思う

[sometk]

悪い記事じゃないと思うんだが‥

[vamview]

ぶっちゃけES6もかなりjQueyの影響受けてるでしょう。旬を過ぎたとはいえ功労者にはそれなりの敬意を払うべき

[kenichi_odo]

webpackからは離れられないしPolyfill必要だったらaxiosでいいじゃんって最近思ってる

[kote2kote2]

await

[raimon49]

fetchが返すPromiseの話。ヘッダ情報ならすぐに参照できる。

[hirose504]

“Q. Polyfillとかそんな変なライブラリ勝手に使えないんですけど！ A. 転職したら？”

[yarumato]

“XHRのRequestではメソッドを何回も呼び出したりイベント監視したりする必要があるが、fetchはPromiseをベースとしたAPIになっており明快。鍵はResponseオブジェクト。XHRに無いfetchの利点の一つはレスポンスをストリーム扱い”

[kathew]

超便利だけどまだPolyfillが必要なのがちょっとだけ微妙。でも超便利

[h1t0cH1]

へー