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

Поділитися
Вставка
  • Опубліковано 3 січ 2025

КОМЕНТАРІ • 59

  • @Someoneisdoingsomething
    @Someoneisdoingsomething Рік тому +1

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

  • @test4248
    @test4248 Рік тому +2

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

  • @web-dev-pro
    @web-dev-pro Рік тому +3

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

  • @ЭдуардДоржинов
    @ЭдуардДоржинов Рік тому +1

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

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

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

  • @Lekar1996
    @Lekar1996 Рік тому +2

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

    • @Lekar1996
      @Lekar1996 Рік тому +1

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

    • @Lekar1996
      @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
      @xaaser2006 Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

  • @INTTable
    @INTTable Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

  • @stanoverlay6167
    @stanoverlay6167 Рік тому +1

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

    • @maknoname
      @maknoname Рік тому

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

    • @КонстантинМокренский
      @КонстантинМокренский Рік тому

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

    • @КонстантинМокренский
      @КонстантинМокренский Рік тому

      @@HtmllabRu как быть?

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

  • @AndreKorsak
    @AndreKorsak 4 місяці тому

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

    • @HtmllabRu
      @HtmllabRu  4 місяці тому

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

    • @AndreKorsak
      @AndreKorsak 4 місяці тому

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

  • @viktoriyapshenychna3966
    @viktoriyapshenychna3966 Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

  • @xaaser2006
    @xaaser2006 Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

    • @xaaser2006
      @xaaser2006 Рік тому

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

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

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

  • @emikam
    @emikam 10 місяців тому +1

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

  • @wbqs
    @wbqs Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

  • @Надежда-ю2э5х
    @Надежда-ю2э5х 7 місяців тому

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

    • @HtmllabRu
      @HtmllabRu  7 місяців тому

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

  • @kv3453
    @kv3453 Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому +1

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

    • @kv3453
      @kv3453 Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому +1

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

  • @xaaser2006
    @xaaser2006 Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому +1

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

  • @valeriiaoksiutenko9777
    @valeriiaoksiutenko9777 Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

  • @longflowstudio
    @longflowstudio Рік тому

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

  • @solvex8304
    @solvex8304 Рік тому

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

    • @HtmllabRu
      @HtmllabRu  Рік тому

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

  • @malenkiy.huligan
    @malenkiy.huligan Рік тому

    Звука нету

    • @HtmllabRu
      @HtmllabRu  Рік тому

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