I have been attempting to make an API call to the Insightly API using this code:
var x = new XMLHttpRequest();
x.open("GET", "https://api.insight.ly/v2.2/Projects/Search?status=in%20progress&brief=false&count_total=false", true);
x.setRequestHeader('Authorization', 'Basic: 'some-basic-key-and-user');
x.send();
console.log(x.status);
However, the response code I receive is always 0.
To troubleshoot, I used hurl.it's tool with my URL and AuthKey, and it gave me the correct response. I also tried using x.statusText and x.Response.
Why is my script not providing the necessary output?
EDIT:
Even after implementing parameters recommended by Mozilla's documentation (thanks to Amy), I still cannot get the correct response code.
My updated code snippet:
var x = new XMLHttpRequest();
x.open("GET", "https://api.insight.ly/v2.2/Projects/Search?status=in%20progress&brief=false&count_total=false", true);
x.setRequestHeader('Authorization', 'Basic: b4c6c660-e20f-4f31-b90d-b6a11bfe4ef2');
x.onprogress = function () {
console.log('LOADING', x.status);
};
x.onload = function () {
console.log('DONE', x.status);
};
x.send();
console.log(x.status);
The response code logged:
0
LOADING 0
Despite reviewing possible solutions, I am still unsure how to resolve this issue. While I understand the asynchronous nature of the request, I lack the knowledge of how to rectify it.