osadzanie formularza google bezpośrednio w html strony internetowej

Question

Szukam sposobu na wybranie konkretnych pól z Formularza Google i wpisanie go na stronie html.

<form> 
     <input id="email" type="text" placeholder="email address" value="email"> 
     <button id="submit" type="submit">Submit</button> 
    </form> 

Po kliknięciu przycisku Prześlij chcę, aby dane zostały przesłane do określonego formularza Google.

Dzięki

Answer 1

Jeśli chcesz zbudować własny formularz, którego gospodarzem oddzielnie od Google i prześlij do formularza Google, trzeba naśladować żądanie POST Google formularza. Najpierw musisz pobrać dane formularza, które są wysyłane do Google, a następnie przesłać je z własnej strony przy użyciu AJAX.

Aby uzyskać dane formularza, otwórz narzędzia dla programistów Chrome i kliknij kartę Sieć. Następnie prześlij formularz hostowany przez Google z danymi fikcyjnymi. Kliknij pierwszy element, który widzisz na liście - powinien on brzmieć "formResponse". Następnie musisz skopiować dwie rzeczy z danych na prawym panelu: "Żądaj adresu URL" (gdzie zostanie przesłany własny formularz) i wszystko zaczynające się od "wpisu". w sekcji Dane formularza (np. "entry.123456").

Następnie zbuduj formularz na swojej własnej stronie i użyj AJAX, aby przesłać dane do Google. Sposób Zrobiłem to jest użycie jQuery porwać złożenie formularza tak, że forma nie próbować do przedstawienia własnej domenie:

$('.my-form').on('submit', function() { 
    e.preventDefault(); 
    $.ajax(
    type:"POST" 
    url: "https://docs.google.com/forms/d/your-form-id/formResponse" 
    data: { 
     'entry.12345': $('.your-form-input').val() 
    } 
); 
}