HTML JS

DISPLAY MESSAGE AFTER HTML FORM SUBMIT

(quick & simple examples)

USE JAVASCRIPT TO SUBMIT FORM <form id="myForm"             onsubmit="return ajaxpost()">   <input type="text" name="name">   <input type="email" name="email">   <input type="submit" value="Go!"> </form>

AJAX POST PART A

01

function ajaxpost () {   GET FORM DATA   var data = new FormData(document.   getElementById("myForm"));

AJAX POST PART B

02

  AJAX POST   fetch(URL, {method : "POST", body : data})   .then(res=>res.text())

  SHOW MESSAGE ON RESPONSE   .then(res => alert(res)); }

SERVER MESSAGE PART A

03

PROCESS & SHOW MESSAGE <?php  if (isset($_POST["name"])) {        require "PROCESS.PHP";        echo "<div>$message</div>"; } ?>

SUBMIT TO SAME PAGE <form method="post" target="_self">   <input type="text" name="name">   <input type="email" name="email">   <input type="submit" value="Go!"> </form>

DO WHATEVER PROCESSING REQUIRED. SAVE TO DATABASE, SEND EMAIL, ETC...   FINALLY, SET A SYSTEM MESSAGE $message = "OK"; $message = "ERROR!";

SERVER MESSAGE PART B

04