Beginner trying to redirect users to an HTML page instead of Appscript JSON result

Hello Author,

I am a beginner and i didn’t understand the note saying :

" If you want to intercept the submit event so the user isn’t redirected to the webapp, you can do this by attaching a JavaScript event listener to the form submission and creating the POST request yourself "

I dont want the user to have an “https://script.googleusercontent.com/macros/echo?user_content_key=....etc”

and a JSON response like this :

The JS in codepen is the following. I don’t really understand were to put it. Can you help me please ?

Before all i have to say that i was more a lowcoder (with appsheet and Excel VBA)

Thank you by advance

window.addEventListener("load", function() { const form = document.getElementById('my-form'); form.addEventListener("submit", function(e) { e.preventDefault(); const data = new FormData(form); const action = e.target.action; fetch(action, { method: 'POST', body: data, }) .then(() => { alert("Success!"); }) }); });

(i created a Github account just because of this. A great opportunity 😃 )

El Moumen Y.

@levinunnink @meandavejustice @shadichy

[shadichy]

I am also looking for the solution. Above responses are not working.

Detail please

[shadichy]

@elmoumenyassine First, assign an id to your form (<form id="yourFormID" ...) Next, add

window.addEventListener("DOMContentLoaded", function() { // 'window.onload = function...' also works 
  const yourForm = document.getElementById("yourFormID");
  yourForm.addEventListener("submit", function(e) { // 'yourForm.onsubmit = function...` also works too
    e.preventDefault(); 
    const data = new FormData(yourForm); 
    const action = e.target.action; 
    fetch(action, { 
      method: 'POST', 
      body: data, 
    }).then((response) => {
      response.json();
    }).then((data) => {
      if (data.result == "success") {
        // finished, you can do whatever you want here
        alert("Success!")
      }
    })
  })
});

to your js source or HTML source (inside script tag)