Skip to main content
  1. Posts/

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

·41 words·1 min
Saiki Iijima
Author
Saiki Iijima
Cozy life, fun tech
Table of Contents

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

経緯
#

  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になにいれるかもちょっとだけハマったんですがこれも次書きます。

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

ではまた。

Related

BootStrapでレスポンシブなformを作る
·157 words·1 min
Revelt・glide・gitプロジェクト構築+Bootstrap4を読み込む
·142 words·1 min
Go言語&Revelで利回り計算するWebアプリを作る00
·42 words·1 min