Отправка данных формы в таблицу Google (Google Docs)

Понедельник, 08 августа 2016 09:55

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

Заходим на 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.

Оставить комментарий

Убедитесь, что вы вводите (*) необходимую информацию, где нужно
HTML-коды запрещены

Хотите заказать создание сайта?

Создание сайтов в Саранске и других городах России - это основное направление моей деятельности. Если вы решите создать интернет-ресурс, всегда разумно обратиться за помощью к профессионалу. Я предлагаю выгодную стоимость создания любого сайта, и если вы обратитесь ко мне, то получаете качественный ресурс с высокой конверсией.

Если у вас есть вопрос или хотите заказать сайт - заполните форму обратной связи или перезвоните мне. Всегда рад сотрудничеству с Вами!

Расчет стоимости проекта

Заказать сайт

Ваше имя(*) Только русские символы
Ваш email(*) Неверный ввод
Сообщение Только буквы и цифры