When using newsapi, I get the error "Uncaught SyntaxError: Unexpected end of JSON input"

Asked May 19 '18 at 18:06

Active May 19 '18 at 18:09

Viewed 13 times

Basically, I put the outputted JSON in to a variable then parse that to an object, but the parser isn't working. (sorry for bad indents, I'm new to stack overflow)

var url = 'https://newsapi.org/v2/top-headlines?' +
      'country=us&' +
      'apiKey=lol_dont_take_my_api_key';
var jsonString = "";
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
 //document.getElementById("placeholder").innerHTML = this.responseText;// + "}]}";
    jsonString = this.response;
}
};
xhttp.open("GET", url, true);
xhttp.send();
}
loadDoc();
console.log(jsonString);
var obj = JSON.parse(jsonString);
if (obj.status == "ok") {
var articles = obj.articles;
} else {
console.log("error");
}
var i;
for (i = 0; i < articles.length; i++) {
    document.getElementById("main").innerHTML += articles[i].title;
}

edited May 19 '18 at 18:09

asked May 19 '18 at 18:06

programmingwaffle

`XMLHttpRequest` is **asynchronous**. You can't eat a pizza before it gets delivered – charlietfl May 19 '18 at 18:08
So it's trying to use the data before it's fully loaded? Should I add a delay? – programmingwaffle May 19 '18 at 18:12
No ...consume the data in the `onreadystatechange ` calback – charlietfl May 19 '18 at 18:13
Wait how do I do that? – programmingwaffle May 19 '18 at 18:15
By moving the processing code into the callback – charlietfl May 19 '18 at 18:16
Ok ill try that – programmingwaffle May 19 '18 at 18:16
1

IT WORKED!!!!!!!!!! thank you so much! (ive been tearing my hair out over this for like 2 hours lol) – programmingwaffle May 19 '18 at 18:18

When using newsapi, I get the error "Uncaught SyntaxError: Unexpected end of JSON input"

0 Answers0