Ajax $.post() Method in jQuery, jQuery Ajax $.post() Method with Example

<!DOCTYPE html>
<html>
	<head>
    	<title>jQuery Ajax $.post() Method</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("form").submit(function(event){
					event.preventDefault();
				var actionFile = $(this).attr("action");
					var formValues = $(this).serialize();
					$.post(actionFile, formValues, function(data){
						$("#my_result").html(data);
					});
				});
			});
		</script>
		<style type="text/css">
			.btn{ padding:6px 15px;}
			.lable{font-size:14px; font-weight:bold; font-style:italic; clear:both;}
			.custon_form{border-radius:3px; margin:5px 0px;}
			.result{margin:15px 0px 5px; }
		</style>
    </head>
    <body>
	
	<form action="post-demo.php">
        <label class="lable">Name:</label> <br>
        <input type="text" name="name" class="custon_form" required /><br>
        <label class="lable">Comment: </label><br>
        <textarea rows="4" cols="50" name="comment" class="custon_form" required>

Output :

Topic : Ajax $.post() Method