¿Cómo usar Fetch API?

Discusión sobre la utilización de las API's que trae HTML5. planteamientos de soluciones a un problema concreto.
arturo
Site Admin
Mensajes: 13
Registrado: Sab Feb 01, 2020 10:01 pm

¿Cómo usar Fetch API?

Mensaje por arturo »

Buenos días foro,

A continuación les dejo un ejemplo de cómo usar fetch API a través de la librería general.js:

genrl.docready(function(){
var usrinstagram="solucioneswebav";
var fetchobj=genrl.fetchapi.getFetch();
genrl.log("FETCH OBJ************");
genrl.log(fetchobj);
genrl.log("/FETCH OBJ************");
g("#titulo_widget").text("Esperando Data...");
genrl.fetchapi.get(
"https://www.instagram.com/" + usrinstagram + "/?__a=1",
function(data){
var datappal;
var datos;
var htmlstr='';
var nodesfotos=data.graphql;
var usuario_ins=nodesfotos.user;
var mediauser=usuario_ins.edge_owner_to_timeline_media;
var countposts=usuario_ins.edge_owner_to_timeline_media.count;
var posts=mediauser.edges;
var rowactive;
g("#esperandogif").hide();
htmlstr+="<ul class='lista_instagram'>";
if(posts.isArray()){
for(i=0;i<(posts.length-1);i++){
rowactive=posts;
htmlstr+="<li><figure class='overlay'></figure><img src='" + rowactive.node.display_url + "'></li>";
}
}
else{
genrl.log("Es un objeto");
}
htmlstr+="</ul>";
g("#imagenes").html(htmlstr);
g("#imagenes").wrap();
g("#imagenes ul").children().css({
'margin-left':'3%',
'margin-bottom':'3%'
});
g("#imagenes ul").child(2).css({
'background':'#000'
});
g("#imagenes ul").child(10).css({
'background':'#000'
});
}
);
});


Puedes descargar la librería general.js AQUI --> https://github.com/arturo21/generaljs

Espero les pueda ser de utilidad.

Saludos.
Responder