Access JSON that content is an object - Javascript

Question

I am "pulling" a json into my code whose content is an object within an array. My goal is to take each attribute (news and title news) of the object and insert it into html. But the return I have in the browsed is : [Object Object]

THE JSON: [{"noticia":"https://www.moneytimes.com.br/banco-central-ira-acelerar-aumento-do-juro-para-1-ponto-percentual-avalia-itau/","titloNoticia":"Central Bank will accelerate interest increase to 1 percentage point, evaluates Itaú"}]

JS

$.getJSON('http://localhost/scraping/res.json', function(response){



const texto = document.querySelector('[data-link-noticia]');
const cont = document.createElement('a');

cont.innerHTML = response
texto.appendChild(cont);
})

I tried several ways, but in my condition of beginner in the subject I could not solve. If anyone can help, thank you

Answer 1

When you receive JSON by the getJSON method, it comes as a javascript object. For your content to be rendered on the screen, it needs to be converted to string. To convert you can use JS native function:

JSON.stringfy(response, null, 2);

Note that the extra parameters are just to format the string and not see everything in one line.

For more information about visit: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify