Jquery AJAX POST Example

1. $.ajax() POST Example

Source:

var formData = {name:"Ravi",loc:"India",age:31,submit:true};
$.ajax(
{
url : "ajax-post.php",
type: "POST",
data : formData,
success: function(data, textStatus, jqXHR)
{
	//data: data from server 
},
error: function(jqXHR, textStatus, errorThrown)
{

}
});

2 $.ajax() POST with jQXHR Callabcks

Source:

var formData = {name:"Ravi",loc:"India",age:31,submit:true};
$.ajax(
{
	url : "ajax-post.php",
	type: "POST",
	data : formData,
}).done(function(data, textStatus, jqXHR) 
{
	//data: Data from Server

}).fail(function(jqXHR, textStatus, errorThrown) 
{
});

3. $.ajax() POST Error Handling

Source:

$.ajax({
	url : "notfound.php",//File not found
	type: "POST",
	error: function(jqXHR, textStatus, errorThrown)
	{
		//Inside error():
	}
}).fail(function(jqXHR, textStatus, errorThrown) 
{
	//Insdie fail();
});

1. $.post() Example

Source:

$.post("ajax-post.php",
{x:1,y:2,z:3,submit:true},
function(data, textStatus, jqXHR)
{
	//data : Data from server
});

2. $.post() Error handling

Source:

$.post("notfound.php").done(function(data, textStatus, jqXHR) 
{

}).fail(function(jqXHR, textStatus, errorThrown) 
{
	//failed
});

<?php
	if(isset($_POST['submit']))
	{
		echo "Data from server: ".json_encode($_POST)."<br>";
	}
	else
		echo "This is not a POST Request";
?>

AJAX Form Post Example

<form name="myform" id="myform" action="ajax-post.php" >
User: <input type="text" value="" name="user" /> <br/>
Password: <input type="password" name="password" />
<input type="hidden" name="xyz" value="123" />
<input type="hidden" name="submit" value="true" />

</form>

Source:

//	var formData = $("#myform").serialize();  //or
var formData = $("#myform").serializeArray();
var URL = $("#myform").attr("action");
$.post(URL,
	formData,
	function(data, textStatus, jqXHR)
	{
		//data: Data from Server
	}).fail(function(jqXHR, textStatus, errorThrown) 
	{
	});