TypeError ajax is not a function

Question

I was trying to create a simple AJAX request which returns some data from a database. My function is mentioned below:

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

Here's where I call it, providing the required parameters:

AJAXrequest('voting.ajax.php', imageData, function(data) { 
// function body 

});

Yet, the callback does not run, and instead I get an error in the console:

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

I want to know the reason why and how do I go about this?

Answer 1

Please double-check if you're using the full-version of jquery and not some slim version as I was using the jquery cdn-script link that comes with jquery. The problem is this one by default is slim.jquery.js which doesn't have the ajax function in it. So, if you're using a copy-pasted from Bootstrap website, then the slim version jquery script link will use the full version instead.

Try using

<script src="https://code.jquery.com/jquery-3.1.1.min.js"> instead of <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"