Vue.jsでもjQueryと同じような ajax postを実装したい
Vue.jsでもjQueryと同じような ajax postを実装したい
jQueryでゴリゴリajaxでAPIをたたいていたあの頃。jQueryの$.ajaxは一番お世話になったメソッドかも。
Vue.jsでもそっくりなな形で使えるaxiosがとっても便利。
初めてVue.jsでAjax通信する機会があったんですが、axiosっていうnpmがjQueryのajax postと使い勝手が非常に似ていて使いやすかったのでメモ。書き方がほぼほぼjQueryの$.ajaxです。
npm install
npm install --save-dev vue-axios axios
postする内容はjson形式で記載します。DBに記録するためのPOSTの場合はバックエンドのフレームワークの仕様に合わせてtokenを設定してください。railsだとauthenticity_tokenをセットする必要があります。
postした後の結果についてもthen catchで受け取ることができます。
部分的に更新したい場合はpostメソッドではなく、Axios.patchになります
get
getの場合は検索パラメータを設定するだけ。簡単