Javascript
Axios: AxiosはAjaxリクエストを簡単にかけるようにしたPromiseベースのjsのライブラリです。 GET通信をするとき const info const error // get()に通信したいURLを記入 axios.get('/user?id=123') or // オプションで第2引数を渡すこともできる axios.get(…
Promise: Promise内で非同期通信の仕方 Promiseを順に読んだあと、Ajaxを読むと一撃でわかるよ。 Ajax ただただPromiseオブジェクトのなかにxhr = XMLHttpRequest()インスタンスを作成して通信させればできちゃいます。 function getUrl(url) { //Promiseイ…
Promise: 【第二弾 Promiseとは】 ・「Promise.all」で複数のPromiseを「並行処理」する方法こともできます。 非同期処理を配列に複数格納して、配列内のすべての非同期処理が完了したら.thenを実行するということができる。 Promise.all([ 非同期処理1(res…
Promise: 【第一弾 Promiseとは】あとでPromise.allなど非同期処理を並列で行うこととか別で書きます。 【async/awaitは更にPromiseを可読性よく書くようにしたもの】ですのでそのもとを知るとわかりやすいとおもいました! まずJSには同期処理と非同期処理…
Ajax: 非同期通信の仕方 ajaxは多分jqueryをつかってとか、railsにあるajaxのやり方でやってきたとおもうのですけど、今一度仕組みを理解しておこう。 それぞれの書き方は別途調べてつかってください!基本的な情報をここにはかいておきます。 サーバーと非…