Estoy tratando de llenar una lista de personajes provenientes de una Api, pero tengo una duda de como lleno el array, he tenido dificultades de solo tener 10 personajes y que de estos se vean en una lista y generen un link a una película. Hasta ahora tengo la llamada de la API, pero solo me imprime el Json en la consola, habiéndole creado conexión con el html
function ajax_get(url, callback) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.status == 200) {
console.log('responseText:' + xmlhttp.responseText);
try {
var data = JSON.parse(xmlhttp.responseText);
} catch(err) {
console.log(err.message + " in " + xmlhttp.responseText);
return;
}
callback(data);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
ajax_get("https://swapi.co/api/people/", function(data) {
var html = "<h2>" + data["title"] + "</h2>";
html += "<h3>" + data["description"] + "</h3>";
html += "<ul>";
for (var i=0; i < "https://swapi.co/api/people/10"; i++) {
html += '<li><a href="' + data["people"][i]["name"] + '">' + data["people"][i]["mass"] + "</a></li>";
}
html += "</ul>";
document.getElementById("text").innerHTML = html;
});
Agradezco la atención
results
, que es un array de elementos. No haypeople
, nititle
...