catch jquery ajax error later

Question

I try to make an http request to a freebox ( I don't know if it's exist outside france )

The freebox don't access the CORS request, but she make what I will.

For example if I make a request for power :

http://hd1.freebox.fr/pub/remote_control?code=5818260&key=power&long=false&repeat=1

The freebox player start, and I have a CORS error:

XMLHttpRequest cannot load http://hd1.freebox.fr/pub/remote_control?code=5818260&key=power&long=false&repeat=1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

It's okay, but I will check the http header for this request, for example if I will check if my code is good, the freebox return 403 for bad code.

I tried to get the statusCode with Jquery :

            xhr = $.ajax({
            method: "GET",
            url: url,
            crossDomain: true,
            statusCode: {
                500: function () {
                    alert("Une erreur s'est produite !");
                },
                403: function(){
                    alert("aaaaa")
                    throw new badTelecommandeCode();
                },
                404: function(){
                    throw new freeboxNotFound();
                },
                0: function(){console.log(0)}
            },
            error: function (err) {
                console.log(err);
            }
        });

All this time, the status code is 0, and "error" don't launch. I have this error in console :

XMLHttpRequest cannot load http://hd1.freebox.fr/pub/remote_control?code=5818260&key=power&long=false&repeat=1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response had HTTP status code 403.

You can see the end of this answer

"The response had HTTP status code 403.". Just before jquery write an error ( in red ):

GET http://hd1.freebox.fr/pub/remote_control?code=5818260&key=power&long=false&repeat=1 

I try to catch the error :

        try{
        xhr = $.ajax({
            method: "GET",
            url: url,
            crossDomain: true,
            statusCode: {
                500: function () {
                    alert("Une erreur s'est produite !");
                },
                403: function(){
                    alert("aaaaa")
                    throw new badTelecommandeCode();
                },
                404: function(){
                    throw new freeboxNotFound();
                }
            },
            error: function (err) {
                console.log(err);
            }
        });
    }
    catch(err){
        console.log(err);
    }

I have try to search, where the error has catch by jquery :

http://code.jquery.com/jquery-2.1.4.js line 8634

Do You find a way for catch the CORS message, and parse it, or catch the jquery message, and why not get the statusCode or any information .

For the little troller, the way "Send a request to freebox developer for accept CORS" is already make, but no answer. I can't pass by a webserver .

My Current challenge is : "I'm a lambda user will see my TV, but my Free Tv Remote don't work, what I can make easily, with my smartphone/PC"

UPDATE1 : I have make an example :

if it's work good :

    xhr = $.ajax({
    method: "GET",
    url: "http://hd1.freebox.fr/pub/remote_control?code=5818261&key=right&long=false&repeat=1",
    crossDomain: true,
    statusCode: {
        500: function () {
            alert("Une erreur s'est produite !");
        },
        403: function(){
            alert("badTelecommandeCode")
        },
        404: function(){
            alert("freeboxNotFound")
        }
    },
    error: function (err) {
        // console.log(err);
    },
    fail:function(jqxhr, textStatus, errorThrown) {
        // console.log(errorThrown);
    }
});

Good key, good code, my TV make the action, and return a CORS error

I will catch, if the code is bad, or if the key doesn't exist :

        xhr = $.ajax({
    method: "GET",
    url: "http://hd1.freebox.fr/pub/remote_control?code=5818261&key=ping",
    crossDomain: true,
    statusCode: {
        500: function () {
            alert("Une erreur s'est produite !");
        },
        403: function(){
            alert("badTelecommandeCode")
        },
        404: function(){
            alert("freeboxNotFound")
        }
    },
    error: function (err) {
        // console.log(err);
    },
    fail:function(jqxhr, textStatus, errorThrown) {
        // console.log(errorThrown);
    }
});
xhr = $.ajax({
    method: "GET",
    url: "http://hd1.freebox.fr/pub/remote_control?code=222222&key=ping",
    crossDomain: true,
    statusCode: {
        500: function () {
            alert("Une erreur s'est produite !");
        },
        403: function(){
            alert("badTelecommandeCode")
        },
        404: function(){
            alert("freeboxNotFound")
        }
    },
    error: function (err) {
        // console.log(err);
    },
    fail:function(jqxhr, textStatus, errorThrown) {
        // console.log(errorThrown);
    }
});

I have a CORS, no problem, but how I can catch the text, say the http status .

For information : freebox.fr is a NAT rules, redirect to my router ( the freebox ), hdX.freebox.fr go to the API for TV player hd number X

Answer 1

Still not certain interpret Question correctly. There does not appear to be a response returned from url . 0 does not appear to be a valid HTTP response code see HTTP status code 0 - what does this mean for fetch, or XMLHttpRequest? . The error logged to console

GET http://hd1.freebox.fr/pub/remote_control?code=5818260&key=power&long=false&repeat=1 net::ERR_CONNECTION_TIMED_OUT 

after request below

var xhr = new XMLHttpRequest();
 xhr.open("GET", "http://hd1.freebox.fr/pub/remote_control?code=5818260&key=power&long=false&repeat=1", true);
 xhr.onload = function() {
   console.log(this.status)
 }
 xhr.onerror = function(e) {
   console.log(e, this.status)
 }
 xhr.send();