Uncaught TypeError: $.ajax is not a function, though library included

Asked Nov 21 '18 at 09:27

Active Nov 21 '18 at 09:33

Viewed 51 times

While looking at the console I am getting this error:

index.php:199 Uncaught TypeError: $.ajax is not a function
at checkemail (index.php:199)
at HTMLInputElement.onkeyup (index.php:232)

Though I have added the jquery library on my page:

function checkemail() {
  var email = document.getElementById("Email").value;

  if (email) {
    $.ajax({
      type: 'post',
      url: 'check_data.php',
      data: {
        email: email,
      },
      success: function(response) {
        $('#email_status').html(response);
        if (response == "OK") {
          return true;
        } else {
          return false;
        }
      }
    });
  } else {
    $('#email_status').html("");
    return false;
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
  <input type="email" placeholder="Email" id="Email" onkeyup="checkemail();" oninput="this.className = ''" name="email" required>
  <span id="email_status"></span>
</p>

edited Nov 21 '18 at 09:33

Rory McCrossan

306,214
37
269
303

asked Nov 21 '18 at 09:27

user10670473

That error implies you're using jQuery.slim, not the full jQuery library, despite what the code in your question shows. AJAX features, amongst others, are not available in jQuery slim. – Rory McCrossan Nov 21 '18 at 09:32
is your url correct? – brk Nov 21 '18 at 09:32
Also note that you should be using unobtrusive event handlers, not the outdated `on*` event attributes. – Rory McCrossan Nov 21 '18 at 09:33
@brk yes the url is correct.. – user10670473 Nov 21 '18 at 09:36
@RoryMcCrossan So, how to implement in my codes? – user10670473 Nov 21 '18 at 09:37
Use the full jQuery library. – Rory McCrossan Nov 21 '18 at 09:37
Can I get that link... @RoryMcCrossan – user10670473 Nov 21 '18 at 09:38
1

Possible duplicate of [My javascript is returning this error: $.ajax is not a function](https://stackoverflow.com/questions/44212202/my-javascript-is-returning-this-error-ajax-is-not-a-function) and [jQuery 3 slim ajax basic example](https://stackoverflow.com/questions/40991919) and [TypeError: $.ajax(…) is not a function?](https://stackoverflow.com/questions/18271251/typeerror-ajax-is-not-a-function) – adiga Nov 21 '18 at 09:45
@RoryMcCrossan I tried ``, but giving same error... – user10670473 Nov 21 '18 at 09:49
In that case you're probably using multiple versions of jQuery and the 'slim' one is overriding. Check for other jQuery references, such as just before `
`
– Rory McCrossan Nov 21 '18 at 09:52
The solution is download the regular (compressed or simple) version of jQuery (http://jquery.com/%20download/#jquery) and include into your header – Coolbuddy Nov 21 '18 at 10:13

Uncaught TypeError: $.ajax is not a function, though library included

0 Answers0