Send dynamic data using Ajax | HTML form

by Imabot

HTML

<form id="form">
  Firstname
  <input type="text" id="firstname" name="firstname" value="John"><br><br>
  Lastname
  <input type="text" id="lastname" name="lastname" value="Smith"><br><br>
  <input type="submit" value="Submit">
</form> 

<hr>

Response:
<div id="output"></div>

<hr>

More details on my blog: <a href="https://lucidar.me/en/web-dev/how-to-send-dynamic-data-using-ajax/" target="_blank">https://lucidar.me/en/web-dev/how-to-send-dynamic-data-using-ajax/</a>

CSS

#output {
	border: 1px solid #999;
	border-radius: 5px;
	padding: 5px;
	min-height:30px;
}