XHR "error" event listener not working when URL is wrong. Confused as to why

Working through Colt Steele's JavaScript course, and learning about XHR. This snippet is supposed to throw an error when the URL isn't correct. If I type gibberish like

/planetiuhnuoidhfugn/

/planetiuhnuoidhfugn/

it still works/I'm not seeing an error in Chrome DevTools. It'll throw the error if I change "swapi" to "swap" or "dev" to "co" as "swapi.co" no longer exists:

const firstReq = new XMLHttpRequest();
firstReq.addEventListener("load", function () {
  console.log("IT WORKED!!!");
});
firstReq.addEventListener("error", () => {
  console.log("ERROR!!!!!!");
});
firstReq.open("GET", "https://swapi.dev/api/planets/");
firstReq.send();
console.log("Request Sent!");

const firstReq = new XMLHttpRequest();
firstReq.addEventListener("load", function () {
  console.log("IT WORKED!!!");
});
firstReq.addEventListener("error", () => {
  console.log("ERROR!!!!!!");
});
firstReq.open("GET", "https://swapi.dev/api/planets/");
firstReq.send();
console.log("Request Sent!");

Joao•9/10/23, 8:14 PM

That's probably because what constitutes an invalid URL is determined on whether the domain name can be resolved to an IP address or not. If you type gibberish at the route level (the planet), the domain has been correctly being resolved as . The fact that there's no handler for the route does not mean that the URL is wrong, it just means that the resource does not exist.

Joao•9/10/23, 8:16 PM

In contrast, if you provide a domain name that cannot be resolved to an IP address, for example "sawpi.dev" or "swapi.co" (assuming these are in fact not valid) then that's an error, and no connection can be made to any server.

Ἔ

ἔρως•9/10/23, 8:18 PM

he's right, i just double-checked

Ἔ

ἔρως•9/10/23, 8:18 PM

if you want to detect a bad path (404, 500, ...), then you can use the event and check the status attribute of xhr instance

Ἔ

ἔρως•9/10/23, 8:19 PM

the error event won't be triggered for those instances

ChimiOP•9/11/23, 12:14 AM

In the video, Colt typed gibberish at the route level and his threw the error, yet mine didn’t even though it was the exact same code. Hence my confusion

I appreciate the explanation, I’ll experiment with it more

CChimi In the video, Colt typed gibberish at the route level and his threw the error, y...

Joao•9/11/23, 10:23 AM

The request may have failed for other reasons, for example if you try to open a request from a different domain you may get a content security policy error that blocks the request entirely.