こんにちは、@yoheiMuneです。 XMLHttpRequestに変わる次のAjax仕様としてfetchが策定されていますが、今日はそれを扱ったAjax通信をブログに書きたいと思います。 目次 fetchとは fetchとはwhatwgで策定されている、フロントエンドJavaScriptの次世代の非同期通信の規格で、XMLHttpRequestに取って代わるものです。例えば以下のような使い方ができます。 fetch('/user/1').then(response => { console.log(response.status); // 200 return response.json(); }).then(json => { console.log('json:', json); // json : { name : 'Yohei' } }); XMLHttpRequestに比べて
![[フロントエンド] fetchを用いたAjax通信を行う - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/c3c5ab4dd05ae072ed3f42c0655f221c57bcc52f/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F478.jpg)