將Google表單直接嵌入到網站的HTML中

Question

我正在尋找一種方法從Google表單中取出特定字段並將其輸入到HTML頁面中。

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

當我點擊提交時，我希望這些數據提交給特定的Google表單。

感謝

Answer 1

如果你想建立自己的形式，從谷歌單獨託管，並提交給谷歌的形式，就需要模仿谷歌窗體的POST請求。首先，您需要獲取發送給Google的表單數據，然後您需要使用AJAX從您自己的頁面提交表單數據。

要獲取表單數據，請打開Chrome的開發人員工具，然後點擊網絡標籤。然後用虛擬數據提交您的Google託管表單。點擊你在列表中看到的第一個項目 - 它應該說「formResponse」。然後，您需要從右側窗格中的數據中複製兩件事：「請求URL」（您自己的表單將提交的地方）以及任何以「entry」開頭的內容。在表單數據部分（例如「entry.123456」）中。

接下來，在您自己的頁面上構建一個表單，然後使用AJAX將數據提交給Google。我做它的方式是使用jQuery劫持表單提交，這樣你的形式不嘗試提交自己的域名：

$('.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() 
    } 
); 
}