TypeError: $.ajax is not a function

Question

Obviously I need to elaborate. Every single function even ones that can be replaced by vanilla JS, are jQuery functions that work, but the AJAX function does not work.

$.ajax({
    type: "POST",
    data: {
        email: emailInput,
        mode: 0
    },
    url: "main.php",
    cache: false
}).done(function(response) {

});

I tried it without promises, I tried it as $.post, I tried everything but it doesn't work.

have you tried debugging the code with the dev tools of your browser? — Isaac, May 08 '17 at 22:40
then, make sure you are including jquery library js file like () in your page — Mahesh Singh Chouhan, May 08 '17 at 22:49
@User9123theRebel do other jquery functions work? or are they all failing? — mariocatch, May 08 '17 at 22:50
@KevinCollins Typing $ even on about:blank in Chrome (at least) won't be a true test as the inspector provides it's own `$` which acts similar to jQuery. — Phix, May 08 '17 at 22:50
If you're not wrapping your AJAX call in `$(document).ready(function() { ... });`, then jQuery might not yet be loaded when the call is made. — e_i_pi, May 08 '17 at 22:58
@MaheshSinghChouhan READ. THE. FIRST. PART. OF. MY. QUESTION. — User9123 the Rebel, May 08 '17 at 22:59
@User9123theRebel Dear it seems like you haven't included jquery library , before running jquery ajax function — Mahesh Singh Chouhan, May 08 '17 at 23:01
@User9123theRebel You sure you have included `jquery` library on your page? Also you have tried `jQuery.ajax`? right — Mahesh Singh Chouhan, May 08 '17 at 23:07
@User9123theRebel are you going to post your jsfiddle or not? we can't help you if you don't tell us more. We're all asking the same question because you aren't telling us anything — mariocatch, May 08 '17 at 23:10
@mariocatch What do you need to know? I told you every jQuery function works except $.ajax — User9123 the Rebel, May 08 '17 at 23:14
Yes but that's obviously because of a user error since $.ajax is a well working API. We need to see more of your code. — mariocatch, May 08 '17 at 23:15

score 6 · Answer 1 · answered Jul 05 '18 at 12:06

6

Quite late, but have you regular version of jQuery? Slim version doesn't contain ajax functions among others. Check here

answered Jul 05 '18 at 12:06

Jan Zahradník

2,417
2
33
44

mariocatch · Answer 2 · 2017-05-08T22:59:59.137

0

ajax is part of the jQuery API. In order to use it, you need to make sure jQuery is included somewhere on your page, above the usage of it. Also, make sure you're calling it after jQuery has been loaded on the page.

Like this:

  <script src="https://code.jquery.com/jquery-2.2.4.min.js" type="text/javascript"></script>
  <script>
    $(document).ready(function() {
      console.log($.ajax);
    });
  </script>

edited May 08 '17 at 22:59

answered May 08 '17 at 22:54

mariocatch

8,305
8
50
71

1

Read the first part of my comment **I don't know why it says it's not a function when every single function is a jQuery function other than getElementById and my own functions. But somehow ajax doesn't work.** – User9123 the Rebel May 08 '17 at 22:55
1

See my edit. Also, post your entire HTML in a fiddle so we can help you out more. – mariocatch May 08 '17 at 22:59

TypeError: $.ajax is not a function

2 Answers2