こんにちは! スマレジ テックファームのMichiです! 今回はタイトルの通り、バニラJS(生のJavaScript)でAjaxを実装してみます。 はじめに 作るもの 郵便番号検索API バニラJSで実装してみよう! 完成形 解説 ①[検索]ボタンクリック時の処理 ②非同期通信の処理を定義する ③サーバーとの非同期通信を開始 完成 Vue.jsで実装してみる まとめ はじめに 作るもの 郵便番号を入力すると、対象の住所が表示される機能を作ります。Ajaxで実装しますので、[検索]ボタンを押しても画面全体は更新されず、住所の表示のみ変わるようにします。 郵便番号検索API 郵便番号検索には、日本…