API de google de news y de Flikr con jQuery
Muchas veces queremos testear un listado de noticias, o data en si, pues bueno para hacer un testing con el API de google news e integrar con jQuery es increiblemente fácil.
Ok, entonces empezemos:
Aprendiendo el API de google news
Aqui viene lo bueno, me encontré justo buscando en los APIs de los servicios de google, y me encontré con google news, aqui el link: API de google news relacionado con json
Y resalto esta parte: "Request format" en donde me da este link para trabajar:
https://ajax.googleapis.com/ajax/services/search/news
Aja! entonces ya se que puedo hacer... Uso JQuery para traer la data con json, pero hay un detalle, estoy trabajando con jsfiddle.net, y quiero hacerlo con JSONP, bueno aqui el code para usarlo con ajax de jQuery
{
dataType:'json',
url: 'http://ajax.googleapis.com/ajax/services/search/news?v=1.0&q="lima"&num=20&callback=?',
success: function(data){
var customData = [];
if(data.responseData.results){
$.each(data.responseData.results, function(i,e){
customData[i] =
{titulo : e.title,
desc: e.content,
fecha: e.publishedDate};
});
}
$("#rowTemplate").tmpl(customData).appendTo("#resultados");
}
}
Pero como muestra poca data, aplicaremos la de flikr como para hacerlo mas interesante:
Ok, entonces empezemos:
Aprendiendo el API de google news
Aqui viene lo bueno, me encontré justo buscando en los APIs de los servicios de google, y me encontré con google news, aqui el link: API de google news relacionado con json
Y resalto esta parte: "Request format" en donde me da este link para trabajar:
https://ajax.googleapis.com/ajax/services/search/news
Aja! entonces ya se que puedo hacer... Uso JQuery para traer la data con json, pero hay un detalle, estoy trabajando con jsfiddle.net, y quiero hacerlo con JSONP, bueno aqui el code para usarlo con ajax de jQuery
{
dataType:'json',
url: 'http://ajax.googleapis.com/ajax/services/search/news?v=1.0&q="lima"&num=20&callback=?',
success: function(data){
var customData = [];
if(data.responseData.results){
$.each(data.responseData.results, function(i,e){
customData[i] =
{titulo : e.title,
desc: e.content,
fecha: e.publishedDate};
});
}
$("#rowTemplate").tmpl(customData).appendTo("#resultados");
}
}
Pero como muestra poca data, aplicaremos la de flikr como para hacerlo mas interesante:
Comentarios
Publicar un comentario