Javascript Http Request Failed

Could anybody take a look at below code help me to figure out what I am doing wrong ? I am getting this error error XMLHttpRequest {readyState: 1, timeout: 0, withCredentials: f

Solution 1:

Your else statement is in the wrong place

The ajax request goes thru these different states

State  Description
0      The request isnot initialized
1      The request has been set up
2      The request has been sent
3      The request isin process
4      The request is complete

The readyState event will fire as these states change, which is why we check to see that the fourth state is the one triggering the callback, when the request is complete, and we have the returned data.

You are using an else statement that will fire on 1, or any state except 4 really, but 1 is the first readyState, when the request is first set up, you have to wait until it reaches the fourth readyState

var get = function(url){
    returnnewPromise(function(resolve,reject){
        var xhr = newXMLHttpRequest();
        xhr.onreadystatechange = function(){
            if(xhr.readyState === 4) {
                if (xhr.status == 200) {
                    var result = xhr.responseText;
                    result = JSON.parse(result);
                    resolve(result);
                }else {
                    reject(xhr);
                }
            }
        }
        xhr.open("GET",url,true);
        xhr.send(null);
    })
}

FIDDLE