codeのっくん【Flask】Vue.jsでAjax通信をしてみるツイートシェアはてブ送るPocketこんにちは、のっくんです。今日の記事では、フロントエンドにVue.js、バックエンドにFlaskを使い、Ajax通信をしてみようと思います。作ってみるアプリは、ID番号を選択するとそのIDのデータを取得するというものです。データを提供するのはバックエンドで行い、ID選択部分はフロントの方で作っていきます。Vue.jsにはjQueryというAjax通信するための機能があるのでこれを使ってデータ取得部分を実装します。初期画面はこんな感じ。フォームで番号を選択すると、、IDに紐づくデータが取得できます。