Function is not defined error when using ajax inside

Question

I'm getting the error Uncaught ReferenceError: GetLicenceUserList is not defined in the browser console when I call the function using $.ajax function inside.

But the call of my function works just fine when I call it with only an alert("example"); inside.

This are the code of both examples.

function GetLicenceUserList(id, actPage = 1, actualSearch = "", colOrder = 2, colDirec = "desc") {

alert(id + " - " + actPage + " - " + actualSearch + " - " + colOrder + " - " + colDirec);

/*$.ajax({
    url: "/Licences/UserLicenceList",
    type: "POST",
    data: {
        userId: id,
        actPage = actPage,
        actualSearch = actualSearch,
        colOrder = colOrder,
        colDirec = colDirec
    }
}).done(function (result) {
    $("#userLicence-list-card").html(result);
    alert("ok");
}).fail(function () {
    //operaciones en caso de falla
    alert("fail");
});*/
}

This one works great, and the following is where the error occurs (when uncomment the ajax call):

function GetLicenceUserList(id, actPage = 1, actualSearch = "", colOrder = 2, colDirec = "desc") {

//alert(id + " - " + actPage + " - " + actualSearch + " - " + colOrder + " - " + colDirec);

$.ajax({
    url: "/Licences/UserLicenceList",
    type: "POST",
    data: {
        userId: id,
        actPage = actPage,
        actualSearch = actualSearch,
        colOrder = colOrder,
        colDirec = colDirec
    }
}).done(function (result) {
    $("#userLicence-list-card").html(result);
    alert("ok");
}).fail(function () {
    //operaciones en caso de falla
    alert("fail");
});
}

Use a tool like eslint or jshint. You've made a few (identical) typos and generated a syntax error. Object literals use key: value pairs, not key = value pairs. — Quentin
– Quentin, Commented Apr 13, 2021 at 18:13

Solal Solal · Accepted Answer · 2021-04-13 18:17:48Z

1

Your data object is not defined correctly in $ajax

You are using equals signs (=) instead of colons (:).

The data object should be like this instead:

data: {
        userId: id,
        actPage: actPage,
        actualSearch: actualSearch,
        colOrder: colOrder,
        colDirec: colDirec
    }

answered Apr 13, 2021 at 18:17

Solal Solal

931 silver badge8 bronze badges

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

1 Comment

ajzbrun Over a year ago

Thank you! this was the problem :)

Collectives™ on Stack Overflow

Function is not defined error when using ajax inside

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related