JavaScriptを有効にしてください

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

 ·  ☕ 1 分で読めます  ·  ✍️ saiki

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

経緯

  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)

ここを

 <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>

こう

<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>

書き換える。

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

 

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

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

ではまた。

共有

saiki
著者
saiki
Android App Developper