Breaking News: Grepper is joining You.com. Read the official announcement!

send form data to endpoint js

0xTony143 answered on June 27, 2022 Popularity 2/10 Helpfulness 4/10

answer send form data to endpoint js

send form data to endpoint js

Comment

// Hookbin is a free service that enables you to collect, parse, and view HTTP requests.
// Create your unique endpoints to inspect headers, body, query strings, cookies, uploaded files, and much more.
// https://hookbin.com/

// Your hookbin URL goes here:
const url = "";
      const formEl = document.querySelector("form");
      formEl.addEventListener("submit", async (e) => {
        e.preventDefault();
        const formData = new FormData(formEl);
        const formDataSerialized = Object.fromEntries(formData);
        const jsonObject = {
          ...formDataSerialized,
          sendToSelf: formDataSerialized.sendToSelf ? true : false,
        };
        try {
          const response = await fetch(url, {
            method: "POST",
            body: JSON.stringify(jsonObject),
            headers: {
              "Content-Type": "application/json",
            },
          });
          const json = await response.json();
          console.log(json);
        } catch (e) {
          console.error(e);
          alert("there as an error");
        }
      });

Popularity 2/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: endpoint form-data javascript send

Link to this answer
Share Copy Link

Contributed on Jun 27 2022

0xTony143

0 Answers Avg Quality 2/10

send form data to endpoint js

Contents

More Related Answers

send form data to endpoint js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.