- Mensajes
- 1
- Puntuación de reacción
- 0
LLevo mucho timepo enrredada con este código, por eso recurro a foros,
Quiero hacer como una guía de películas pero con la información sacada de una API, se que debo tener dos llamadas Ajax Una con la que llena mi lista de personajes (10) Ahora cuando hago clic en cada uno de los personajes me de titulo, imagen y reseña de una película en la que aparecen, (Información sacada de la API) la información aparece en la misma página, y se que la llamo mediante Ajax, pero aquí esta mi error, no sé como darle atributos a los personajes(que tenga la información de las películas) así que cuando de clic me muestre estas imagenes.
Dejo mi código, y agradezco Infinito la ayuda
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.name + "</a></li>";
//var one = container.innerHTML += persons.films;
}
document.getElementbyId("ajax_item").setAttribute('persons.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();
}
Quiero hacer como una guía de películas pero con la información sacada de una API, se que debo tener dos llamadas Ajax Una con la que llena mi lista de personajes (10) Ahora cuando hago clic en cada uno de los personajes me de titulo, imagen y reseña de una película en la que aparecen, (Información sacada de la API) la información aparece en la misma página, y se que la llamo mediante Ajax, pero aquí esta mi error, no sé como darle atributos a los personajes(que tenga la información de las películas) así que cuando de clic me muestre estas imagenes.
Dejo mi código, y agradezco Infinito la ayuda
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.name + "</a></li>";
//var one = container.innerHTML += persons.films;
}
document.getElementbyId("ajax_item").setAttribute('persons.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();
}