How do I display called json data in HTML?

See more:

HTML

jQuery

I am using an xmlhttprequest function to call data from an external api. Here is script for this:

var xmlhttp = new XMLHttpRequest();
var url = "https://10.1.10.10:8080/ContentManager/api/rest/dashboard";

xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var myArr = JSON.player(xmlhttp.responseText);
myFunction(myArr);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();

function myFunction(arr) {
var out = "";
var i;
for(i = 0; i < arr.length; i++) {
out += '' +
arr[i].display + '
';
}
document.getElementById("player").innerHTML = out;
}

From here I want to display "player" in an html div.

What I have tried:

I have tried...

{{xmlString}}

//inside the div