Uncaught TypeError: $.post is not a function

Question

I am getting this error in Console:

Uncaught TypeError: $.post is not a function

for this piece of 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 --> 

I just couldn't find anything wrong in this. Why is this not working, any clues?

However, $('#cl_stage1msg').html('Processing...'); is working fine.

Seems like only the post function is not getting recognised.

I am using https://code.jquery.com/jquery-3.1.0.slim.min.js

Answer 1

You are using the slim version of jQuery, which doesn't include the Ajax methods (in your case $.post()).

Use the non-slim build, available here http://jquery.com/download/, such as:

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

---

From jQuery 3.0 release post:

Slim build

[...] Sometimes you don’t need ajax, or you prefer to use one of the many standalone libraries that focus on ajax requests.[...] Along with the regular version of jQuery that includes the ajax and effects modules, we’re releasing a “slim” version [...], it excludes ajax, effects, and currently deprecated code.

Answer 2

If you use jquery slim version then this problem will occur. use minified or uncompressed version of jquery js file