Пусть нашей условной задачей будет выгрузка данных формы обратной связи в таблицу Гугл. В форме будет три поля: Имя, Телефон и сообщение. Как созздавать форму обсуждать не будем. Здесь рассмотрим создание скрипта в таблице и обработчик формы.
Заходим на 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.