Segundo llamado AJax
Publicado por Daniela (2 intervenciones) el 06/02/2018 19:14:20
Hola, tengo una duda con un proyecto en Ajax mi idea es que cuando de clic a un personajes (Cualquiera de los 10) llame a una función ajax que me muestra una película, hasta ahora tengo una llamada que me da la lista de personajes, ahora quiero que me muestre la película en esto estoy fallando.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
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 class='ajax_item' onClick= 'obtenerDatos()' > "+ persons[i].name + "</a></li>";
}})
function obtenerDatos(url) {
var list=document.querySelector('#results');
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.status == 200) {
var data = JSON.parse(xmlhttp.responseText);
var film=data.results;
var films=(film[0].getAttribute('films'));
console.log(film[0]);
} };xmlhttp.open("GET", url, true);
xmlhttp.send();
}Valora esta pregunta
0