Google Chromeの拡張機能を作るために久しぶりにjQueryのAjax通信処理を書いたので、その時に苦戦したことをメモしておきます。使ったのはjQuery 3.1 slim minifiedでした。
jQuery 1.8からajaxの書き方が少し変わって、以下のように書くのがスタンダードになりました。
1 2 3 4 5 6 7 8 |
$.ajax({ url: 'https://github.com/tomotomo.keys', dataType: 'text' }).done(function (data) { console.log(data); }).fail(function (hoge, status) { console.error(status); }); |
詳しくは、こちらの記事で書かれています。ノンプラグラマでも書き方の違いはわかるので、読んでみてください。
jQuery モダンAjaxな書き方を目指して 〜Deferredを使ったAJAX〜
さて、先ほどのコードを実行してみると、Chromeのコンソールにエラーメッセージが表示されました。
TypeError: $.ajax is not a function