This document provides examples of using jQuery's $.ajax() and $.post() methods to perform AJAX POST requests. It shows how to send form data to a PHP file using these methods, handle success and error responses, and access data returned from the server. The examples demonstrate setting up a data object, specifying the URL, request type, and callback functions to handle the response.

1. Advertise Here (http://www.buysellads.com/buy/detail/209882/zone/1289820?
utm_source=site_209882&utm_medium=website&utm_campaign=imagetext&utm_content=zone_1289820)
Using $.ajax() method Using $.post() method Ajax Form Post ajax-post.php Source
Jquery AJAX POST Example
1. $.ajax() POST Example
Source:
varformData={name:"Ravi",loc:"India",age:31,submit:true};
$.ajax(
{
url:"ajax-post.php",
type:"POST",
data:formData,
success:function(data,textStatus,jqXHR)
{
//data:datafromserver
},
error:function(jqXHR,textStatus,errorThrown)
{
}
});
Run Code
Datafromserver:{"name":"Ravi","loc":"India","age":"31","submit":"true"}
2 $.ajax() POST with jQXHR Callabcks
Source:
varformData={name:"Ravi",loc:"India",age:31,submit:true};
$.ajax(
{
url:"ajax-post.php",
type:"POST",
data:formData,
}).done(function(data,textStatus,jqXHR)
{
//data:DatafromServer
}).fail(function(jqXHR,textStatus,errorThrown)
{
});

2. Run Code
3. $.ajax() POST Error Handling
Source:
$.ajax({
url:"notfound.php",//Filenotfound
type:"POST",
error:function(jqXHR,textStatus,errorThrown)
{
//Insideerror():
}
}).fail(function(jqXHR,textStatus,errorThrown)
{
//Insdiefail();
});
Run Code
Insdieerror:()
AJAXRequestFailed
textStatus=error,errorThrown=NotFound
Insidefail():
AJAXRequestFailed
textStatus=error,errorThrown=NotFound
Source:
// varformData=$("#myform").serialize(); //or
varformData=$("#myform").serializeArray();
varURL=$("#myform").attr("action");
$.post(URL,
formData,
function(data,textStatus,jqXHR)
{
//data:DatafromServer
}).fail(function(jqXHR,textStatus,errorThrown)
{
});
User: Ravishanker
Password: ••••••••
Run Code
Datafromserver:{"user":"Ravishanker","password":"abcdefgh","xyz":"123","submit":"true"}
Goto Article (http://hayageek.com/jquery-ajax-post/) Home (http://hayageek.com)
Tw eet Search77LikeLike

3. Back to top
Please Share it with your friends:
Tw eet
Theo dõi
Blog (http://hayageek.com)
77LikeLike