How To Make An Xmlhttprequest That Inserts Json Data Into Html?

Hey I'm trying to make and XMLHttpRequest that gets a JSON , and afterwards inserts an specific field of it into HTML. For example insert just the data of Angelo his name , lastnam

Solution 1:

On the line document.getElementById("name").innerHTML=myArr[0]; you're indexing into an array, but your JSON file contains an object. You'd have to either change it to myArr.angelo or change your JSON file to contain an array.

Solution 2:

The way you have formatted your json is incorrect. Design your json like this and you should be able to access the way you are accessing now.

[{"Name":"Angelo","LastName":"Giuseppe","Age":19},{"Name":"Hugo","LastName":"Dóminguez","Age":25},{"Name":"Edgar","LastName":"Villareal","Age":35},{"Name":"Salvador","LastName":"Ramirez","Age":20}]