Archivo de la categoría: jQuery

jQuery

Obtenga nueva versión de Google Spreadsheets como JSONP

< advertencia >
Te recomiendo que para obtener la cuenta adicional Google sólo para público.
Porque si sigues mi procedimiento, su dirección de Gmail será archivada JSONP público.

< Google Spreadsheets >
Versión antigua de Google Spreadsheets puede compartir hojas de cálculo como XML, JSON y algún tipo de formato. Pensé nueva versión no tiene esa función de uso compartido. Pero me di cuenta de la buena solución para la nueva versión de Google Spreadsheets en la respuesta a la pregunta sobre StackOverflow.
Unable to publish specific cells in new Google Spreadsheets – StackOverflow ( en Inglés )
De acuerdo a la página anterior, esta API es un poco viejo API. Nadie está seguro de cuando se detiene. No me importa la situación. Pero si no te gusta la situación, yo no recomiendo usar esta API.

< formato URL >

https://spreadsheets.google.com/feeds/cells/[ La clave de la hoja de cálculo ]/od6/public/values?min-row=[ empezar número de fila ]&max-row=[ número de fila final ]&min-col=[ empezar número de columna ]&max-col=[ número de columna final ]&alt=json-in-script&callback=[ nombre de la función de devolución de llamada ]

< ¿Cómo se usa? >
Formato JSONP es fácil de usar en JavaScript. Nadie necesita analizador. Pero quiero usar generador de URL para que la API más útil. Así que desarrollé una secuencia de comandos que convierte de parámetros de paginación para los parámetros de URL siguiente sintaxis Google.

< plugin de jQuery >
Desarrollé este plugin jQuery llamado «generateGoogleJsonpUri».
generateGoogleJsonpUri – github
He creado la página muestra como un marco blog para probar mi plugin.
https://mecrazy.net/sample/generateGoogleJsonpUri/
Si quieres, por favor, copie su fuente como una muestra.

< uso – fundición >
Fundición sintaxis es

var test = $.genJsonpGDU("<Your-spreadsheet-key-here>");

o

var test = $.genJsonpGDU({key:"<Your-spreadsheet-key-here>"});

.

Usted puede encontrar una clave en la URL de la hoja de cálculo. Es para mí un ejemplo a continuación.
spreadsheet_sample_001
En esta imagen, la URL es «https://docs.google.com/spreadsheets/d/1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw/edit#gid=0». La clave para mi hoja de cálculo es «1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw». Por favor verifique la dirección URL de la hoja de cálculo para obtener su clave.

< uso – configurar pager >

test.pager({
  startRow:2,//El número de fila para empezar a recibir (necesario)
  minCol:2,//Número de columna para empezar a recibir (necesario)
  maxCol:7,//Número de columna para poner fin a conseguir (necesario)
  recsPerPage:5//Los registros en una página (opcional)
});

Por favor compare la sintaxis anterior y la tabla siguiente. Cuando vea la tabla de abajo, por favor imaginar Excel o cualquier tipo de hoja de cálculo. Sintaxis de arriba significa que el rango de la primera página es la gama de color rosa, segunda página es zona verde. «B2: G2» es un primer registro. «B6: G6» es un quinto disco.

A1 B1 C1 D1 E1 F1 G1 H1
A2 B2 C2 D2 E2 F2 G2 H2
A3 B3 C3 D3 E3 F3 G3 H3
A4 B4 C4 D4 E4 F4 G4 H4
A5 B5 C5 D5 E5 F5 G5 H5
A6 B6 C6 D6 E6 F6 G6 H6
A7 B7 C7 D7 E7 F7 G7 H7
A8 B8 C8 D8 E8 F8 G8 H8
A9 B9 C9 D9 E9 F9 G9 H9
A10 B10 C10 D10 E10 F10 G10 H10
A11 B11 C11 D11 E11 F11 G11 H11
A12 B12 C12 D12 E12 F12 G12 H12
A13 B13 C13 D13 E13 F13 G13 H13

< uso – obtener la página URL >
Es un ejemplo para tener primera página URL.

var pageUrl = test.page(1);

( «test.pager(objeto)» se requiere antes de ejecutar esta función. )

< uso – ejecutar Ajax >
Argumentos para «test.ajax» son los mismos que «http://api.jquery.com/jQuery.ajax/«.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
  }
});

Si quieres saber la página actual tiene la página anterior o siguiente página, por favor, utilice «test.get()» en la función «success» y compruebe los parámetros.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
    var param = test.get();
    if(param.pager.prev){
      console.log('La página actual tiene la página anterior.');
    }else{
      console.log('Página actual no tiene la página anterior.');
    }
    if(param.pager.next){
      console.log('La página actual tiene página siguiente.');
    }else{
      console.log('Página actual no tiene la página siguiente.');
    }
  }
});

< uso – convertir JSON a array 2D >
«test.jsonToArr» se convierte de formato JSON de Google de array 2D.

test.ajax({
  url:test.page(1),
  success:function(json){
    var arr2d = test.jsonToArr(json);
    console.log(arr2d);
  }
});

< uso – caché de variables >
Si desea habilitar la caché de paginación utilizando variables de JavaScript, por favor siga el siguiente sintaxis.

test.set({cache:true});

Este argumento pasa a utilizar la caché para paginación. Verifica la fecha de actualización en JSONP cada 20 minutos de forma predeterminada. Si la fecha cambia, automáticamente claro caché. Si desea cambiar el intervalo para comprobar la fecha. Usted puede utilizar la sintaxis como la siguiente en lugar de la sintaxis anterior.

test.set({
  cache:true,
  cacheInterval:{
    sec:0,min:50,hour:0
  }
});

< Epílogo >
Existen diferencias básicas entre los nuevos y viejos Hojas de cálculo de Google.

  nuevo viejo
células Máximo 2 millones de células 400,000 células
Número máximo de columnas ilimitado 256 columnas por hoja

Creo que la nueva versión de la base de datos es increíblemente grande y libre. Quiero encontrar usos interesantes de las nuevas hojas de cálculo de Google.