TypeError: $ .ajax (…) ist keine Funktion?

Ich versuche, eine einfache AJAX-Anforderung zu erstellen, die einige Daten aus einer MySQL-Datenbank zurückgibt. Hier ist meine Funktion unten:

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

... und hier nenne ich es, indem ich die erforderlichen Parameter analysiere:

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

Mein Erfolgsrückruf wird jedoch nicht ausgeführt (da "Erfolg!" Nicht an der Konsole protokolliert wird), und in meiner Konsole wird eine Fehlermeldung angezeigt:

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

Was bedeutet das? Ich habe zuvor AJAX-Anfragen gestellt, bei denen das Erfolgsereignis eine anonyme Funktion innerhalb von $ .ajax auslöst, aber jetzt versuche ich, eine separate benannte Funktion auszuführen (in diesem Fall einen Rückruf). Wie gehe ich vor?

Keine der Antworten hier hat mir geholfen. Das Problem war: Ich habe den schlanken Build von jQuery verwendet , bei dem einige Dinge entfernt wurden, darunter auch Ajax.

Die Lösung: Einfach die regelmäßige Download (komprimiert oder nicht) Version von jQuery hier und es in Ihrem Projekt.

Überprüfen Sie noch einmal, ob Sie die Vollversion von jquery und keine schlanke Version verwenden.

Ich habe den jquery cdn-script Link verwendet, der mit jquery geliefert wird. Das Problem ist, dass dieses standardmäßig slim.jquery.js ist, das das nicht hatajax Funktion . Wenn Sie also einen JQuery-Skript-Link mit schlanker Version verwenden (von der Bootstrap-Website kopiert), verwenden Sie stattdessen die Vollversion.

Das heißt, verwenden <script src="https://code.jquery.com/jquery-3.1.1.min.js"> statt <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"

Ich bin mir nicht sicher, aber es sieht so aus, als ob Sie einen Syntaxfehler in Ihrem Code haben. Versuchen:

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

Sie hatten zusätzliche Klammern, neben $.ajaxdenen nicht benötigt wurden. Wenn der Fehler weiterhin angezeigt wird, wird die jQuery-Skriptdatei nicht geladen.

Kasse Die Jquery-Dokumentation

Hinweis Deprecation : Die jqXHR.success (), jqXHR.error () und jqXHR.complete () Rückrufe entfernt werden als von jQuery 3.0. Sie können stattdessen jqXHR.done (), jqXHR.fail () und jqXHR.always () verwenden.

Sie haben einen Fehler in Ihrer AJAX-Funktion, zu viele Klammern, versuchen Sie es stattdessen $.ajax({

Verweisen Sie auf die jquery min-Version, die ajax enthält:

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

Es liegt ein Syntaxfehler vor, da Sie nach der Ajax-Funktion eine Klammer und einen weiteren Satz Klammern gesetzt haben, um die Argumentliste zu definieren: -

Wie Sie geschrieben haben:

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

Die Klammer um Ajax muss entfernt werden. Es sollte sein: -

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

Ich bin auf dieselbe Frage gestoßen, und meine Lösung lautete: Fügen Sie das JQuery-Skript hinzu.

Insbesondere sollten wir sicherstellen, dass die entsprechende JQuery geladen ist, wenn wir unsere js unter Firefox / Chrome debuggen.

Wenn Sie eine Bootstrap-HTML-Vorlage verwenden, müssen Sie den Link zu jquery slim am unteren Rand der Vorlage entfernen. Ich poste dieses Detail hier, da ich noch keine Antworten kommentieren kann.

Für alle, die versuchen, dies in nodejs auszuführen : Es wird nicht sofort funktionieren, da jquery einen Browser (oder ähnliches) benötigt! Ich habe nur versucht, den Import zum Laufen zu bringen und habe protokolliert, console.log($)was geschrieben [Function]und dann auch console.log($.ajax)zurückgegeben wurde undefined. Ich hatte keintsc Fehler und hatte Autocomplete von Intellij, also fragte ich mich, was los ist.

Dann wurde mir irgendwann klar, dass nodedies das Problem sein könnte und nicht das Typoskript. Ich habe den gleichen Code im Browser ausprobiert und es hat funktioniert. Damit es funktioniert, müssen Sie Folgendes ausführen:

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

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

(Credits: https://stackoverflow.com/a/4129032/3022127 )

Dies ist zu spät für eine Antwort, aber diese Antwort kann für zukünftige Leser hilfreich sein.

Ich möchte ein Szenario teilen, in dem beispielsweise mehrere HTML-Dateien ( ein Basis-HTML und mehrere Sub-HTMLs ) vorhanden sind und $ .ajax in einem der Sub-HTMLs verwendet wird.

Angenommen, im Unter-HTML ist js über die URL " https://code.jquery.com/jquery-3.5.0.js " und im Basis- / übergeordneten HTML über die URL " https: //code.jquery " enthalten .com / jquery-3.1.1.slim.min.js ", dann wird die schlanke Version von JS auf allen Seiten verwendet, die dieses Sub-HTML sowie das oben erwähnte Basis-HTML verwenden.

Dies gilt insbesondere für die Verwendung des Bootstrap-Frameworks, das js mit " https://code.jquery.com/jquery-3.1.1.slim.min.js " lädt " .

Um das Problem zu beheben, müssen Sie sicherstellen, dass js auf allen Seiten über die URL " https://code.jquery.com/jquery-3.5.0.js" enthalten ist " oder die neueste URL mit allen JQuery-Bibliotheken enthalten ist.

Vielen Dank an Lily H., die mich auf diese Antwort hingewiesen hat.

Lassen Sie mich meine Erfahrungen teilen:

Mein HTML-Seitendesigner verwendet:

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

Wenn ich eine einfache AJAX-Anfrage erstelle und eine Fehlermeldung erhalte, heißt es: TypeError: $ .ajax (…) ist keine Funktion

Also füge ich hinzu:

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

dann funktioniert es zumindest bei mir perfekt.