nhúng biểu mẫu google trực tiếp vào html của trang web

Question

Tôi đang tìm cách lấy các trường cụ thể từ Biểu mẫu của Google và nhập nó vào trang html.

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

Khi tôi nhấp vào gửi, tôi muốn dữ liệu đó gửi đến biểu mẫu cụ thể của Google.

Cảm ơn

Answer 1

Nếu bạn muốn xây dựng hình thức riêng của mình, tổ chức riêng rẽ với Google, và nộp cho một mẫu Google, bạn cần phải thi đua yêu cầu POST Mẫu của Google. Trước tiên, bạn cần lấy dữ liệu biểu mẫu đang được gửi tới Google và sau đó bạn cần gửi dữ liệu đó từ trang của riêng bạn bằng AJAX.

Để nhận dữ liệu biểu mẫu, hãy mở công cụ Nhà phát triển của Chrome và nhấp vào tab Mạng. Sau đó, gửi biểu mẫu được lưu trữ trên Google của bạn với dữ liệu giả. Nhấp vào mục đầu tiên bạn thấy trong danh sách - nó sẽ nói "formResponse". Sau đó, bạn cần sao chép hai thứ từ dữ liệu trên ngăn bên tay phải: "URL yêu cầu" (nơi biểu mẫu của riêng bạn sẽ gửi) và bất kỳ thứ gì bắt đầu bằng "mục nhập". trong phần Dữ liệu biểu mẫu (ví dụ: "entry.123456").

Tiếp theo, tạo biểu mẫu trên trang của riêng bạn và sử dụng AJAX để gửi dữ liệu đến Google. Cách tôi đã thực hiện nó là sử dụng jQuery để chiếm đoạt việc gửi biểu mẫu để biểu mẫu của bạn không cố gắng gửi đến miền của riêng bạn:

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