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