【jQuery】ajaxを使うと「Uncaught TypeError: $.ajax is not a function」と表示される

2020年4月27日jQuery

ajaxを実行すると以下のようなエラーがブラウザの開発ツールに表示される。

Uncaught TypeError: $.ajax is not a function

原因はきっと、読み込んでいるjQueryのライブラリにあるはず。

以下のようなライブラリを読み込むとこのエラーになる。

<script
  src="https://code.jquery.com/jquery-3.5.0.slim.js"
  integrity="sha256-sCexhaKpAfuqulKjtSY7V9H7QT0TCN90H+Y5NlmqOUE="
  crossorigin="anonymous"></script>

「jquery-3.5.0.slim.js」というslimを使用すると、slimではajaxはサポートされていないので上のようなエラーになる。

以下のようなslimではないライブラリを使いましょう。

<script
  src="https://code.jquery.com/jquery-3.5.0.min.js"
  integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ="
  crossorigin="anonymous"></script>