submit form javascript post code example

Example 1: javascript submit a form with id

// 1. Acquire a reference to our <form>.
//    This can also be done by setting <form name="blub" id="myAwsomeForm">:
//       var form = document.forms.blub;

var form = document.getElementById("myAwsomeForm");


// 2. Get a reference to our preferred element (link/button, see below) and
//    add an event listener for the "click" event.
document.getElementById("your-link-or-button-id").addEventListener("click", function () {
  form.submit();
});

// 3. any site in your javascript code:
document.getElementById('myAwsomeForm').submit();

Example 2: how to submit a form in js

document.forms["myform"].submit();

Example 3: post method javascript code

const postData = async ( url = '', data = {})=>{
    console.log(data);
      const response = await fetch(url, {
      method: 'POST', 
      credentials: 'same-origin',
      headers: {
          'Content-Type': 'application/json',
      },
     // Body data type must match "Content-Type" header        
      body: JSON.stringify(data), 
    });

      try {
        const newData = await response.json();
        console.log(newData);
        return newData;
      }catch(error) {
      console.log("error", error);
      }
  }

Tags:

Html Example