Feel like I’m missing something obvious (I don’t work with javascript or jQuery, I’m just playing around with it in my spare time), but I can’t figure out why my ajax request won’t work – can’t find the answer anywhere on google either.
When I try an ajax request with the below code, it fails with the error: ajax request failing with “TypeError: Cannot read properties of undefined (reading ‘open’)” – it doesn’t even hit my api endpoint
$.ajax({
url: window.location.origin + "/api/test",
type: "GET",
dataType: "json",
cache: false,
contentType: "application/json"
})
.done(function (json) {
conole.log(json);
})
.fail(function (xhr, status, error) {
console.log(xhr);
console.log(status);
console.log(error);
});
If I do it with vanilla javascript, it works fine:
var r = await fetch(window.location.origin + "/api/test", {
method: "GET"
});
I’ve tried messing around with all kinds of properties in the ajax request, but to no avail. What am I missing?