Пусть нашей условной задачей будет выгрузка данных формы обратной связи в таблицу Гугл. В форме будет три поля: Имя, Телефон и сообщение. Как созздавать форму обсуждать не будем. Здесь рассмотрим создание скрипта в таблице и обработчик формы.
Заходим на Google Docs и создаем новую таблицу. Заходим в меню Инструменты/Редактор скриптов...
Вставляем следующий код
function doGet(e){ var sheet = SpreadsheetApp.openById("1XpqAz2DB3r-hNbIIsJ7teMjyuTix6GVLZrMi4Glsz-Y"); var n=sheet.getRange("A1").getValue()+2; var d = new Date(); sheet.getRange("A"+n).setValue(d); sheet.getRange("B"+n).setValue(e.parameter.p1); sheet.getRange("C"+n).setValue(e.parameter.p2); sheet.getRange("D"+n).setValue(e.parameter.p3); sheet.getRange("A1").setValue(n-1); }
Вместо 1XpqAz2DB3r-hNbIIsJ7teMjyuTix6GVLZrMi4Glsz-Y вставляем ID созданной вами таблицы. ID таблицы можно посмотреть в адресной строке открытого документа.
Нажимаем Сохранить(Ctrl+S) и вводим любое название проекта. Далее присваиваем версию. Заходим в меню Файл/Версии... Вводим, например, 1 и сохраняем.
Осталось только опубликовать новое веб-приложение. Для этого, выбираем в меню Публикация/Развернуть как веб-приложение. Выбираем "Как запускать приложение: от моего имени", "Кто имеет доступ к приложению: все, включая анонимных пользователей". Ждем ОК.
Получаем URL следущего вида: https://script.google.com/macros/s/AKfycbw1fEVCr9ib6GJ9JzAD-Tmy-ZWCRNLwZhW1Q6AGsJ7IcBwhL4W-/exec
Далее создаем обработчик формы на нашем сайте.
jQuery(document).ready(function() { jQuery('#moya_forma form').submit(function() { var Name = jQuery("#Name").val(); var Phone = jQuery("#Phone").val(); var Quession = jQuery("#Quession").val(); var http = new XMLHttpRequest(); var url = "https://script.google.com/macros/s/AKfycbw1fEVCr9ib6GJ9JzAD-Tmy-ZWCRNLwZhW1Q6AGsJ7IcBwhL4W-/exec"; var params = "p1="+Name+"&p2="+Phone+"&p3="+Quession; http.open("GET", url+"?"+params, true); http.onreadystatechange = function() { if(http.readyState == 4 && http.status == 200) { //alert(http.responseText); } } http.send(null); }); });
Заметьте, в переменной url мы указали ссылку на наш скрипт Гугл. Параметрами p1-p3 мы передали значения полей для ввода методом GET.
Не забудьте предварительно подключить jQuery.