Nicht gefangener TypeError: $ .post ist keine Funktion

Ich erhalte diesen Fehler in der Konsole:

Nicht gefangener TypeError: $ .post ist keine Funktion

für diesen Code:

<script type="text/javascript">
    $('#cl_submit').click(function() { //#cl_submit is a button
        $('#cl_stage1msg').html('Processing...');
        $.post("process/cookie.php", $("#cl").serialize(), function(response) { //#cl is a form
            $('#cl_stage1msg').html(response);
        });
        return false;
    });
</script> <!-- popup included -->

Ich konnte einfach nichts falsches daran finden. Warum funktioniert das nicht, irgendwelche Hinweise?

Funktioniert jedoch $('#cl_stage1msg').html('Processing...');gut.

Es scheint, als würde nur die Post-Funktion nicht erkannt.

Ich verwende https://code.jquery.com/jquery-3.1.0.slim.min.js

javascript jquery

— Donnie Ashok
quelle

Bitte fügen Sie ein minimal reproduzierbares Beispiel bei , wobei der Schwerpunkt auf Vollständig liegt .

— zzzzBov

Überprüfen Sie Ihre Skript-Tags. Haben Sie einen konsistenten Satz von jQuery-Bibliotheken enthalten (möglicherweise einen Versions- oder Bereichskonflikt)? Könnten Sie das Problem isolieren, idealerweise als jsfiddle?

— Cee McSharpface

Welche Version von jQuery schließen Sie ein?

— yuriy636

Die Frage impliziert, dass dies nur in Chrome geschieht und der Code in anderen Browsern funktioniert. Das ist unwahrscheinlich, aber Sie sollten klarstellen (und nicht speziell über Chrome sprechen, wenn es sich nicht speziell um ein Chrome-Problem handelt)

— JJJ

Antworten:

185

Sie verwenden die schlanke Version von jQuery, die die Ajax-Methoden (in Ihrem Fall $.post()) nicht enthält.

Verwenden Sie den nicht schlanken Build , der hier unter http://jquery.com/download/ verfügbar ist , z.

https://code.jquery.com/jquery-3.5.1.min.js

Aus dem Release-Beitrag von jQuery 3.0 :

Schmales Gebäude

[...] Manchmal benötigen Sie kein Ajax oder bevorzugen eine der vielen eigenständigen Bibliotheken, die sich auf Ajax-Anforderungen konzentrieren. [...] Zusammen mit der regulären Version von jQuery, die die Module Ajax und Effekte enthält, Wir veröffentlichen eine [...] "schlanke" Version, die Ajax, Effekte und derzeit veralteten Code ausschließt.

— yuriy636
quelle

Ich danke dir sehr. Das war das Problem. Vielen Dank für Ihre Zeit.

— Donnie Ashok

Danke vielmals! Ich hatte naiv Anweisungen für bootstrap4 kopiert, ohne mich zu fragen, worum es ging slim.

— Nicoleolias

Wie erwartet die "schlanke" Version von jQuery, dass wir API-Aufrufe aufrufen?

— Asfand Qazi

@AsfandQazi mit integrierten APIs wie Fetch oder XMLHttpRequest , mit denen jQuery $.ajaximplementiert wurde; oder Sie können auch eine Bibliothek verwenden, die sich auf AJAX konzentriert, wie axios

— yuriy636

Wenn Sie die jquery slim-Version verwenden, tritt dieses Problem auf. Verwenden Sie eine minimierte oder unkomprimierte Version der jquery js-Datei

— Ahadul Islam
quelle