форма onsubmit перенаправлять в результате чего форма не представляется

Question

меня этот вопрос, который я не могу решить ..

У меня есть форма, которая отправляет данные в Google листа.

<form action="https://docs.google.com/sheeturl" method="post" target="hidden_iframe1"> 

который прекрасно работает (но перенаправляет пользователя на страницу с благодарностями).

Я пытался предотвратить это поведение (я хочу, чтобы загрузить благодарственную страницу на моем собственном домене), и добавил следующее onsubmit события

onsubmit="window.location.href = 'http://thankyoupage.html';" 

, который сам по себе ничего не меняет. Поэтому я добавил

return false; 

Теперь редирект работает отлично (загрузка моих благодарственной страницы), однако данные формы не представлена ​​на лист.

Я уверен, что для этого есть банальное и простое решение, но у меня просто нет знаний для его решения. Спасибо.

Answer 1

Установив возврат false, вы в основном захватили функциональность формы - это не публикация в Google вообще. Попробуйте отправить форму, используя AJAX. С JQuery это можно сделать так:

$("#ajaxForm").submit(function (e) { 
    e.preventDefault(); 
    $.ajax({ 
     url: "https://docs.google.com/forms/d/FORMKEY/formResponse", 
     beforeSend: function (xhr) { 
      xhr.setRequestHeader('Access-Control-Allow-Origin', 'chrome-extension://EXTENSION_ID'); 
      xhr.setRequestHeader('Access-Control-Allow-Methods', 'GET, POST, PUT'); 
     }, 
     data: JSON.stringify($(this).serializeArray()), 
     type: "POST", 
     dataType: "xml", 
     xhrFields: { 
      withCredentials: true 
     }, 
     statusCode: { 
      0: function() { 
       document.getElementById("message").innerHTML = "Your form has been submitted!"; 
       window.location.replace("http://thankyoupage.html"); 
      }, 
      200: function() { 
       document.getElementById("message").innerHTML = "Your form has been submitted!"; 
       console.log("Success"); 
       window.location.replace("ThankYou.html"); 
      } 
     } 
    }); 
});