Как отправить данные HTML-формы в Google Sheets

[@Someoneisdoingsomething]

было полезно. Спасибо за труд!

[@test4248]

Шикарное видео 🎉

[@web-dev-pro]

Спасибо! Годный туториал, переделал правда на PHP через CURL, потому что стандартное PHP API гугла слишком замороченное

[@HtmllabRu]

Класс, рад, что пригодилось!

[@РусланРыбальченко-ф3и]

Здравствуйте! А можете показать код как переделали?

[@ЭдуардДоржинов]

Отличное видео! Спасибо большое, очень классный кейс разобрали !

[@HtmllabRu]

Эдуард, спасибо за отзыв!

[@ГригорийДолгушин-ц1р]

Спасибо, мне очень помогло

[@AndreKorsak]

Подскажите, есть эксель 4 колонки и в форме нужно заполнить 4, а потом в этой же форме добавить еще 4 колонки следующая строка. Как в 1с добавление товаров в накладную, ни одного примера не могу найти. Или функцию или как это реализовать попроще.

[@HtmllabRu]

В HTML/JS можно было бы клонировать существующие колонки или создать новые, в Excel не подскажу

[@AndreKorsak]

@@HtmllabRu спасибо, пытаюсь разобраться, придётся учить js сложные массивы и как их запостить в эксель ))

[@INTTable]

Видос спустя год, круто

[@HtmllabRu]

это так, верно подметили

[@viktoriyapshenychna3966]

здравствуйте! возможна ли работа скрипта, если на странице больше одной формы? У меня работает только в первой, на других страницах тоже работает только первая из форм. Спасибо!

[@HtmllabRu]

Приветствую! У форм разные атрибуты id?

[@АнтонБогданов-б6т]

У меня вот такая ошибка в консоли браузера: TypeError: Cannot set properties of null (setting 'action') со ссылкой на строку: form.action = URL_APP; Url своей таблицы я вставлял. Что это может быть?

[@HtmllabRu]

Фрагмент с определением формы ( const form = document.querySelector("#form");) присутствует?

[@Lekar1996]

выдает сообщение "Ошибка!" не могу понять в чем она, код скопировал поменял только ссылки приложения и ссылки страницы

[@HtmllabRu]

Попробуйте перед alert со словами об ошибки вывести объект с результатом: console.log(result) - возможно вывод в консоли поможет разобраться в причине ошибки

[@Lekar1996]

кодсоль выдает ошибку ) ReferenceError: Cannot access 'result' before initialization отчего так может быть, подскажите пожалуйста? @@HtmllabRu

[@Lekar1996]

а также вот такую Access to fetch at 'script.google.com/macros/s/AKfycbxSacbvDJyqkon1wHfeBtEmjW0JgpfM41ylfpl1OjnijDExwPhATKd6gA464-fXvdwx/exec' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

[@xaaser2006]

там проблема с cors Ваш fetch запрос сейчас не отправляется@@HtmllabRu

[@HtmllabRu]

@@Lekar1996 в константе URL_APP указали свой адрес веб-приложения на Google Apps Script? Спрашиваю, потому что столкнулся с тем, что некоторые копирую код, но не разворачивают своё приложение.

[@xaaser2006]

Ваш код не заработает при обращении к гугл-скрипту. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled

[@HtmllabRu]

В codepen я указал URL_APP с измененным адресом, в константу нужно подставить свой URL развернутого приложения. Код ещё раз протестировал - работает, отправляет записи в форму (даже с некорректным свойством "cors"). Благодаря вашему комментарию, нашел ошибку в указании cors (нет свойства "cors" , есть свойство "mode"). Когда снимал видео, не заметил, а fetch воспринял это как значение по умолчанию (mode:"cors") - потому работало. Спасибо 👍. Добавил комментарий в код на codepen.

[@wbqs]

а если неизвестное количество данных может прийти в POST запросе, как тогда это обработать в APPS script?

[@HtmllabRu]

получать JSON-массив объектов, бегать по ним через .forEach и сохранять

[@Надежда-ю2э5х]

А если в форме есть select? Что в скриптах?

[@HtmllabRu]

Дописал codepen для статического select. Для динамического (на основе ячеек из таблицы), нужно делать лишний запрос и формировать элементы option налету

[@stanoverlay6167]

Вопрос - запрос (ftech) отдает 401 код - в чем может быть проблема?

[@HtmllabRu]

в видео логин и пароль не отправляются, мб что-то с развертыванием?

[@Makaler]

+ такая же ошибка. Без понятия поч не работает(

[@КонстантинМокренский]

@@HtmllabRu тоже ловлю 401(не авторизован), и еще Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'type') для if( result.type === 'success' ).

[@КонстантинМокренский]

@@HtmllabRu как быть?

[@HtmllabRu]

@@КонстантинМокренский в URL_APP свой URL развернутого приложения указали ?

[@emikam]

Спасибо, намучался с этими CORS. Внутри гугла данные отправляются и принимаются, а вот с внешнего ресурса api настройку хотел, а там ещё больше танцев с получением ключей. Ответы от сервера не нужны, CORS выключил и заработало.

[@АндрейДемидов-с1х]

mode: 'cors'

[@valeriiaoksiutenko9777]

Тысяча лайков 😊 спасибо 😊

[@HtmllabRu]

рад, что пригодилось)

[@kv3453]

А забрать обратно с таблицы на html страницу можно ?

[@HtmllabRu]

Да, там есть обработчик doGet

[@kv3453]

@@HtmllabRu так это можно как бэкэнд использовать получается я обзорно посмотрел это видео теперь подробно изучу , спасибо !

[@HtmllabRu]

@@kv3453 , встречал упоминание что используют как хранилище данных сайта, чтобы пользователю через таблицы контент было легче менять)

[@xaaser2006]

Привет. А можешь сделать ролик как изображение прикрепить из формы в таблицу

[@HtmllabRu]

Интересно, подумаю над этим 👍

[@xaaser2006]

мне просто надо не просто номер паспорта вводить, а фотку прикреплять. За это делюсь как с поля даты нормально заполнить таблицу. В гугл скрипте date = date.split("-").reverse().join(".");@@HtmllabRu

[@longflowstudio]

Хорошее видео, но у меня почуму-то вместо alert появляется текстовый вывод с сообщением

[@HtmllabRu]

Что пишет?

[@solvex8304]

Насколько я знаю, форма по-умолчанию отправляется как раз Постом а не Гетом.

[@HtmllabRu]

по-умолчанию - GET.

[@malenkiy.huligan]

Звука нету

[@HtmllabRu]

Совсем плохо со звуком? (