Envoi de données à Google feuille de calcul à l'aide de JavaScript s'exécutant dans le navigateur
Je travaille sur une application web où je voudrais permettre à l'utilisateur d'envoyer des données à sa propre feuille de calcul Google.
Tout d'abord j'ai essayé d'utiliser Google Api de la Bibliothèque du Client pour JavaScript mais il ne semble pas couvrir la feuille de calcul de l'API (https://developers.google.com/apis-explorer/#p/).
Alors j'ai décidé d'utiliser directement le Les feuilles de calcul Google API de la version 3.0. J'ai réussi à récupérer de l'utilisateur à l'aide de feuilles de calcul jQuery
et JSONP
:
$.ajax({
url: 'https://spreadsheets.google.com/feeds/spreadsheets/private/full?alt=json-in-script&access_token=' + access_token,
dataType: 'JSONP',
success: function(data){
//use the spreadsheets
}
});
Dans la même méthode que j'ai récupérer les feuilles de l'utilisateur sélectionné feuille de calcul. Puis-je POST
les données de la feuille sélectionnée. Et voici le problème: ne peut pas le faire à l'aide de JSONP
. Et le serveur de Google ne semble pas à l'appui de CORS
. J'obtiens l'erreur suivante dans le navigateur:
XMLHttpRequest cannot load https://spreadsheets.google.com/feeds/... Origin ..mysite.. is not allowed by Access-Control-Allow-Origin.
Merci pour la recherche dans ce.
OriginalL'auteur Martin Dimitrov | 2013-11-10
Vous devez vous connecter pour publier un commentaire.
J'ai été à la recherche dans ce trop d'environ 8 mois. Je suis tombé sur un blog écrit par Martin Hawskey. J'ai suivi le guide ici et j'ai été capable de mettre en place un formulaire HTML, affichage d'une feuille de calcul.
Efficacement vous configurez un site web publié application à l'intérieur de la feuille de calcul qui peut recevoir les données. Pour obtenir autour de la SCRO questions vous cible cachée iframe sur la page. Je voudrais reproduire le code dans ce post, mais il est un peu juste.
DÉMO
Je vais vous donner les quelques conseils que je voudrais m'a donné quand j'ai commencé à regarder cette. Si vous pouvez... essayez et configurer un serveur PHP vous pouvez utiliser. La publication des données est beaucoup plus facile et flexible. Je vais maintenant utiliser Zend GData religieusement au travail et souhaite que je l'avais trouvé plus tôt 🙂
MODIFIER
Marting Hawskey a mis à jour ce à l'appui d'une soumission AJAX sans l'utilisation d'une iframe masqué. Voir ici.
Mise à jour de l'exemple référencé ici pour permettre une véritable ajax soumission électronique.g sans iframe masqué. Voir mashe.hawksey.info/2014/07/...
Sweet! Merci a l'air bon. Je vais mettre à jour ma réponse.
Je suis toujours à la réception de la SCRO d'erreur et je ne vois rien de pertinent à faire autour d'elle dans le nouveau @mhawksey post que vous avez lié.
OriginalL'auteur dev
Étape-par-étape instructions avec des captures d'écran
Après la lecture de Martin Hawskey's bonne introduction (pour l'envoi de données à partir d'un formulaire HTML à une feuille de calcul Google) et voir un peu les lacunes ou les hypothèses, nous avons décidé d'écrire un détaillé et complet tutoriel étape par étape les instructions qui un quelques personnes ont trouvé utile:
Le script enregistre toutes les données envoyées par
HTTP POST
dans la feuille de calcul Google, et éventuellement transfère le contenu d'une adresse e-mail. (utile si vous souhaitez être informé des nouvelles données)Formulaire HTML:
Résultat (ligne dans la feuille de):
Espère que cela aide les autres.
OriginalL'auteur nelsonic