Ajax is not a function エラーについて

Question

$(function(){
    // Ajax button click
    $('#Ajax').on('click',function(){
        $.Ajax({
            url:'/books',
            type:'GET',
            data:{
                'name':$('#name').val(),
                'sub_name':$('#sub_name').val()
            }
        })
     // Ajaxリクエストが成功した時発動
        .done( (data) => {
            $('.result').html(data);
            console.log(data);
        })
        // Ajaxリクエストが失敗した時発動
        .fail( (data) => {
            $('.result').html(data);
            console.log(data);
        })
        // Ajaxリクエストが成功・失敗どちらでも発動
        .always( (data) => {

        });
    });
});

Uncaught TypeError: $.Ajax is not a function
    at HTMLInputElement.<anonymous> (123.js:35)
    at HTMLInputElement.dispatch (jquery-3.2.1.min.js:3)
    at HTMLInputElement.q.handle (jquery-3.2.1.min.js:3)

エラー検索をしたところ、バージョンをかえるとの指示どおり、

<script src="https://code.jquery.com/jquery-3.0.0.slim.min.js"></script>

↓

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>

バージョンを変更しましたが、エラーはずっと残ったままです。
解決方法を教えていただきたいです。

Comments

[FiroProchainezo]

ご提示のソースのどこに$.Ajaxの記述があるのでしょうか・・・

[退会済みユーザー]

エラーメッセージ Uncaught TypeError: $.Ajax is not a function でググって調べてから質問してますか？

[x_x]

3.2.1.slimにするという指示はどこにあったのでしょうか？

[退会済みユーザー]

すいません、間違えて載せてしまいました。$.Ajax is not a functionで調べたところ、
https://qiita.com/KOKEINTER/items/a4a1885ca08b53b015e8　　をまずためしましたが、エラーが消えませんでしたので他にもエラー解決のバージョンがいくつかありましたので、ほかのバージョンも試してみましたが、エラーは消えませんでした。

[m.ts10806]

大文字と小文字は別もの。

[退会済みユーザー]

slim バージョンがダメなのです。ajax は使えません

[x_x]

エラーを見る限り slim 版ではないですね

[退会済みユーザー]

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> ということなので、使っているのは slim バージョンだと思うのですが。

[x_x]

まず、「slim版だったのがだめだった」という記事を見てもなおslim版を使うというのが不思議で、そのエラーがslim版ではなくて、直ったというのでやはりslim版ではないと思うのですが、それでもslim版を使っているという……。
最初から HTML を書いてもらえたら余計な混乱はなかったのではないでしょうか

Answer 1

単純に$.Ajaxではなく$.ajaxなのでは

Comments

[退会済みユーザー]

slim がダメなのです

[rururu3]

slimでしたか…ちゃんと見てなかった

[退会済みユーザー]

エラーが出なくなりました。有難うございましたm(__)mm(__)m

[退会済みユーザー]

スペルミスも確かにあ るのですが、
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
を見ると slim バージョンのように思えます。そこは変えなくても問題は解決したのですか？

[退会済みユーザー]

はい！変えなくてもエラーは出ませんでした。

[退会済みユーザー]

slimも変更したほうがいいでしょうか？

[退会済みユーザー]

> はい！変えなくてもエラーは出ませんでした。

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> に間違いなければ slim バージョンなので ajax はサポートされておらず、同様なエラーになるはずなのですが（Ajax ⇒ ajax に直したのであれば、エラーメッセージも Ajax ⇒ ajax に変わると思いますが）。

念のため自分の環境でも検証してみます。結果は後で回答欄に書きます。

Answer 2

rururu3 さんの回答の私の 2019/09/12 10:58 のコメントで「念のため自分の環境でも検証してみます。結果は後で回答欄に書きます」と書きましたが、以下に結果を書きます。

スペルミスも確かにあ るのですが、<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> を見ると slim バージョンのように思えます。そこは変えなくても問題は解決したのですか？

はい！変えなくてもエラーは出ませんでした。

自分の環境で試してみましたが、jquery-3.2.1.slim.min.js はやはり ajax はサポートしていないようで、以下の画像の通りエラーになります。

上の画像は IE11 で試したものですが、Chrome の場合は以下の通りで、質問者さんのエラーメッセージと同じになります。

ちなみに、jquery-3.2.1.slim.min.js の slim を削除して、jquery-3.2.1.min.js とすればエラーはなく期待した応答が返ってきます。

という訳で、質問者さんが質問に書いた、

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>

は実は、

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

ではないかと思われます。確認してみてください。

jQuery の slim バージョンは ajax をサポートしていないことについてかは、jquery slim をキーワードにググると参考になる記事が多々ヒットしますのでそれを読んでください。

Comments

[退会済みユーザー]

詳しく教えて頂きまして有難うございます。slimを消しましたところ正常に動きました。m(__)m