jqueryでajaxしようと思ったら Uncaught TypeError: $.ajax is not a function が出る時の対処法

引き続き複利利回り計算機作成中ですが引っかかったのでメモ。

経緯

  1. 計算結果をページ更新なしで表示するためにajaxを使ってみようと思う
  2. ajaxといえばとりあえずjequeryかな
  3. お、bootstrap入れたときにjequery読み込んでるじゃん!
  4. $.ajax~ で使えるのかやってみよ
  5. Uncaught TypeError: $.ajax is not a function
  6. テゥンテゥンテゥンテゥ〜ん(やられ音)

原因

jequeryのslim版が読み込まれていた(slim版にはajaxが含まれていない)

対処

jequeryを読み込んでいるところの(私の場合header.html)

ここを

こう

書き換える。

解決です。よかったよかった。

ちなみにintegrityになにいれるかもちょっとだけハマったんですがこれも次書きます。

とりあえず今回のはコピペで動きますのでご安心を。

ではまた。

にほんブログ村 IT技術ブログへ
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です