javascript post form code example

Example 1: javascript send post request

let data = {element: "barium"};

fetch("/post/data/here", {
  method: "POST", 
  body: JSON.stringify(data)
}).then(res => {
  console.log("Request complete! response:", res);
});


// If you are as lazy as me (or just prefer a shortcut/helper):

window.post = function(url, data) {
  return fetch(url, {method: "POST", body: JSON.stringify(data)});
}

// ...

post("post/data/here", {element: "osmium"});

Example 2: javascript submit a form

document.getElementById("myFormID").submit();

Example 3: 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 4: how to submit a form in js

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

Example 5: 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);
      }
  }