Submit a Website Form With JavaScript

This example reads the JSON returned by SmartFormify, follows its configured redirect, and shows its message when the request fails.

const form = document.querySelector("#contact-form");
const status = document.querySelector("#form-status");

form.addEventListener("submit", async (event) => {
  event.preventDefault();
  status.textContent = "Sending...";

  const data = Object.fromEntries(new FormData(form).entries());

  try {
    const response = await fetch("https://api.smartformify.com/fe/YOUR_ENDPOINT_KEY", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ data })
    });

    const result = await response.json();
    if (!response.ok || !result.success) {
      throw new Error(result.message || "Submission failed.");
    }

    if (result.data.redirect_url) {
      window.location.assign(result.data.redirect_url);
      return;
    }

    status.innerHTML = result.data.thank_you_content;
    form.reset();
  } catch (error) {
    status.textContent = error.message;
  }
});