¿Cómo hago para que una llamada AJAX me de la información de una películas al darle click a cada uno de los personajes que tengo en la lista que han sido llamado desde AJAX, la película también es información de la API. como hago para que el nombre quede con ese atributo de película y así cuando haga click me lo muestre.
He batallado mucho con este código y ya no se que hacer, Ayuda!!.
Hasta ahora tengo la lista, pero quiero que tenga los atributos de la película, tengo un Onclick y este llama a otra función AJAX, que es la que no funciona, por que necesito que los nombres tenga el atributo de la película. Y me muestre luego la película.
[code]function personajes(url, callback) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.status == 200) {
try {
var data = JSON.parse(xmlhttp.responseText);
} catch(err) {
He batallado mucho con este código y ya no se que hacer, Ayuda!!.
Hasta ahora tengo la lista, pero quiero que tenga los atributos de la película, tengo un Onclick y este llama a otra función AJAX, que es la que no funciona, por que necesito que los nombres tenga el atributo de la película. Y me muestre luego la película.
[code]function personajes(url, callback) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.status == 200) {
try {
var data = JSON.parse(xmlhttp.responseText);
} catch(err) {
return;
}
callback(data);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
personajes("https://swapi.co/api/people/", function(data, el) {
var persons=data.results;
var html ;
var container = document.querySelector(".text ul");
for(var i = 0; i < persons.length; i++){
var item = container.innerHTML += "<li><a id='ajax_item' onClick= 'obtenerDatos()' > "+ persons[i].name + "</a></li>";
//var one = container.innerHTML += persons[i].films;
}
document.getElementbyId("ajax_item").setAttribute('persons[i].films', JSON.stringify(el.films));
})
function obtenerDatos(event) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.status == 200) {
try {
var data = JSON.parse(xmlhttp.responseText);
} catch(err) {
return;
}
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}[/code]
20/02/2018 12:21
https://plnkr.co/edit/HdR4horpluSwcJM1RYsh