Uncaught TypeError: $.ajax is not a function

Question

I'm making a small game project with a leaderboard table.

I'm trying to get the leaderboard from a mysql database to display using jQuery ajax and PHP but its giving me an error message.

My syntax seems to look fine so I'm not sure what the problem is.

$("#leader-btn").click(function() {

    $.ajax({
        type: "GET",
        url: "leaderboard.php",
        dataType: "html",
        success: function(response) {
            $("#leaderboard-box").html(response);
            $("#leaderboard-box").css("display","block");
        }

    });

});

Have you included jQuery, and also have you wrapped this in $(document).ready(function() {? — Tricky12
– Tricky12, Commented Dec 2, 2016 at 18:25
@Tricky12 Event handler declarations aren't supposed to be wrapped in $(document).ready(). — Xavier J
– Xavier J, Commented Dec 2, 2016 at 18:28
@codenoir All jQuery needs to be wrapped in it, otherwise it may be declared before jQuery has loaded, and will therefor not be attached to the DOM. Hence why he would see a "function does not exist" error. It tries to call the function before jQuery has loaded. — Tricky12
– Tricky12, Commented Dec 2, 2016 at 18:33
One other thing to try is jQuery.ajax instead of $.ajax. If you have more libraries included than just jQuery, $ could potentially be aliased to something else in your code. — Tricky12
– Tricky12, Commented Dec 2, 2016 at 19:03

user6089428 · Accepted Answer · 2017-04-13 09:53:58Z

10

I had the same problem. It turned out that I was using jQuery slim instead of the full library.

answered Apr 13, 2017 at 9:53

user6089428

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Uncaught TypeError: $.ajax is not a function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related