Importar datos de Google Spreadsheets mediante JQuery

por Martes, Septiembre 1, 2015 0 No tags Permalink 0

Este es un pequeño experimento que emplea jQuery para obtener los datos de una hoja de cálculo de Google pública y representarlos en HTML. He creado una hoja de cálculo pública (necesario) y accedo a ella desde otra página web cualquiera con JQuery. El resultado es que los datos de la hoja de Google aparecen en mi página en la forma que desee.

Emplea el método getJSON que tiene como parámetros la url (url) donde se envía a petición y la función a ejecutar (function(data)) si la petición ha tenido éxito. El parámetro od6 es el ID de la primera hoja de trabajo, de la que se va a obtener la información. Si fuese una hoja diferente de la primera, habría que averiguar dicho valor.

<!DOCTYPE html>
<html>
<head>
<title> Simple Spreadsheet Sample with JQuery</title>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div class="results"></div> 
<script>
 var spreadsheetID = "1R4Hkv1YulOGQpLICnnkiVr9YwxIthnoY2pawBeaz7Fo";
 var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/od6/public/values?alt=json";
 $.getJSON(url, function(data) {
var entry = data.feed.entry;
 $(entry).each(function(){
 $('.results').prepend('<p>'+this.gsx$nombre.$t+' '+this.gsx$apellidos.$t+' '+this.gsx$teléfono.$t+'</p>');
 });
 });
</script>
</body>
</html>

 

Comments are closed.