$(document).ready(function(){
$.ajax({
url: 'https://swapi.co/api/people/1/?format=json',
type:'GET',
dataType: 'JSON',
success: function(json){
console.log(json.name);
$("h2.name").text(json.name);
}
});
const ITERACIONES_1=6;
const ITERACIONES_2=3;
let helper= {
film:'',
counter:0,
method: function (per,res) {
this.film += res.title;
this.counter++;
if (this.counter == (ITERACIONES_1 * ITERACIONES_2)) {
for (var index = 0; index < ITERACIONES_1; index++) {
var a = $("<div data-toggle='modal' data-target='#myModal'" +
"onclick=\"data2('"+this.film+"')\" class='col-md-4'>" +
per.results[index].name + "</div>");
$(".row").append(a);
console.log(per.results[index].name);
}
$(".btnNext").attr("id", per.next);
}
}
};
$.ajax({
url: 'https://swapi.co/api/people/?format=json',
type:'GET',
dataType: 'JSON',
success: function(per){
$(".row").empty();
var film;
for (var i = 0; i < ITERACIONES_1; i++) {
for (var index = 0; index < ITERACIONES_2; index++) {
var ul = per.results[i].films[index];
$.ajax({
url:ul,
type: 'GET',
dataType: 'JSON',
success:function(res){
helper.method(per,res);
}
});
}
}
}
});
$(".btnNext").click(function(){
var a = $(".btnNext").attr("id");
$.ajax({
url: a,
type:'GET',
dataType: 'JSON',
success: function(per){
var film;
for (var i = 0; i < ITERACIONES_1; i++) {
for (var index = 0; index < ITERACIONES_2; index++) {
var ul = per.results[i].films[index];
$.ajax({
url:ul,
type: 'GET',
dataType: 'JSON',
success:function(res){
helper.method(per,res);
}
});
}
}
}
});
});
});
function data2(nom){
//alert(nom);
$(".modal-body > p").remove();
$(".modal-body").append("<p>"+nom+"</p>");
}
when executing the click event, this error marks me
jquery.min.js: 4 Failed to load file: /// C: /Users/Emma/Desktop/test/starwars.html#: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.