TypeError：$ .ajax（…）は関数ではありませんか？

MySQLデータベースからデータを返す単純なAJAXリクエストを作成しようとしています。以下が私の機能です：

function AJAXrequest(url, postedData, callback) {
    $.ajax() ({
        type: 'POST',
        url: url,
        data: postedData,
        dataType: 'json',
        success: callback
    });
}

...そしてここで私はそれを呼び出し、必要なパラメータを解析します：

AJAXrequest('voting.ajax.php', imageData, function(data) {
    console.log("success!");
});

それでも、成功コールバックは実行されず（「成功！」がコンソールに記録されないため）、コンソールにエラーが表示されます。

TypeError: $.ajax(...) is not a function.
success: callback

これは何を意味するのでしょうか？成功イベントが$ .ajax内で匿名関数をトリガーする前にAJAXリクエストを実行しましたが、今は別の名前付き関数（この場合はコールバック）を実行しようとしています。これについてどうすればよいですか？

ここでの答えはどちらも役に立ちませんでした。問題は、私がjQueryのスリムビルドを使用していたことです。これにはいくつかのものが削除されており、ajaxもその1つです。

解決策：通常の（圧縮されているかどうかにかかわらず）バージョンのjQueryをここからダウンロードして、プロジェクトに含めます。

スリムバージョンではなくフルバージョンのjqueryを使用しているかどうかを再確認してください。

私はjqueryに付属するjquery cdn-scriptリンクを使用していました。問題は、これがデフォルトで関数を持たないslim.jquery.jsであるajaxということです。したがって、（Bootstrapウェブサイトからコピーして貼り付けた）スリムバージョンのjqueryスクリプトリンクを使用している場合は、代わりにフルバージョンを使用してください。

つまり、<script src="https://code.jquery.com/jquery-3.1.1.min.js"> 代わりに使用する ことです <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"

確かではありませんが、コードに構文エラーがあるようです。試してください：

$.ajax({
  type: 'POST',
  url: url,
  data: postedData,
  dataType: 'json',
  success: callback
});

隣に余分なブラケットが$.ajaxありましたが、不要でした。それでもエラーが発生する場合は、jQueryスクリプトファイルがロードされていません。

Jqueryドキュメントのチェックアウト

非推奨の通知：jqXHR.success（）、jqXHR.error（）、およびjqXHR.complete（）コールバックは、jQuery 3.0以降では削除されています。代わりに、jqXHR.done（）、jqXHR.fail（）、およびjqXHR.always（）を使用できます。

AJAX関数にエラーがあり、括弧が多すぎます。代わりに試してください $.ajax({

ajaxを含むjquery minバージョンを参照します。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

引数リストを定義するためにajax関数と別の括弧のセットの後に括弧を配置したため、構文エラーがあります：-

あなたが書いたように：-

$.ajax() ({
    type: 'POST',
    url: url,
    data: postedData,
    dataType: 'json',
    success: callback
});

ajaxの周りの括弧は削除する必要があります：-

$.ajax({
    type: 'POST',
    url: url,
    data: postedData,
    dataType: 'json',
    success: callback
});

私は同じ質問に遭遇し、私の解決策は、JQueryスクリプトを追加することでした。

特に、firefox / chromeでjsをデバッグするときは、対応するJQueryがロードされていることを確認する必要があります。

ブートストラップhtmlテンプレートを使用している場合は、テンプレートの下部にあるjquery slimへのリンクを忘れずに削除してください。回答はまだコメントできないので、ここにこの詳細を投稿します。

これをnodejsで実行しようとする人にとっては：jqueryはブラウザ（または同様のもの）を必要とするため、そのままでは機能しません！私は、インポートを実行するために取得しようとロギングだったconsole.log($)書いて[Function]も、当時とconsole.log($.ajax)戻りましたundefined。私はなかったtscエラー、intellijからのオートコンプリートもあったので、何が起こっているのだろうと思っていました。

その後、ある時点nodeで、それがtypescriptではなく問題である可能性があることに気付きました。私はブラウザで同じコードを試してみましたが、うまくいきました。それを動作させるには、実行する必要があります：

require("jsdom").env("", function(err, window) {
    if (err) {
        console.error(err);
        return;
    }

    var $ = require("jquery")(window);
});

（クレジット：https : //stackoverflow.com/a/4129032/3022127）

これは回答には遅すぎますが、この回答は将来の読者にとって役立つかもしれません。

複数のhtmlファイル（1つの基本htmlと複数のサブHTML）があり、$。ajaxがサブHTMLの 1つで使用されているというシナリオを共有したいと思います。

サブHTMLでjsがURL " https://code.jquery.com/jquery-3.5.0.js "を介して含まれ、ベース/親HTMLでURLを介して含まれているとします-" https：//code.jquery .com / jquery-3.1.1.slim.min.js "、その後、JSのスリムバージョンは、このサブHTMLと上記のベースHTMLを使用するすべてのページで使用されます。

これは、「https://code.jquery.com/jquery-3.1.1.slim.min.jsを使用してjsをロードするブートストラップフレームワークを使用する場合に特に当てはまります。」。

したがって、問題を解決するには、すべてのページでjsがURL「https://code.jquery.com/jquery-3.5.0.js」またはすべてのJQueryライブラリを含む最新のURLを介して含まれていることを確認する必要があります。

Lily H.にこの回答を教えてくれてありがとう。

私の経験を共有させてください：

私のhtmlページデザイナーの使用：

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>

単純なAJAXリクエストを作成すると、TypeError：$ .ajax（…）は関数ではないというエラーが表示されます

だから、私は追加します：

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

その後、少なくとも私にとっては完全に機能します。