Description: Load data from the server using a HTTP POST request.
urlA string containing the URL to which the request is sent.
dataA map or string that is sent to the server with the request.
success(data, textStatus, XMLHttpRequest)A callback function that is executed if the request succeeds.
dataTypeThe type of data expected from the server.
This is a shorthand Ajax function, which is equivalent to:
$.ajax({ type: 'POST', url: url, data: data, success: success dataType: dataType });
The success
callback function is passed the returned data, which will be an XML root element or a text string depending on the MIME type of the response. It is also passed the text status of the response.
As of jQuery 1.4, the success
callback function is also passed the XMLHttpRequest object.
Most implementations will specify a success handler:
$.post('ajax/test.html', function(data) { $('.result').html(data); });
This example fetches the requested HTML snippet and inserts it on the page.
Pages fetched with POST
are never cached, so the cache
and ifModified
options in jQuery.ajaxSetup()
have no effect on these requests.
$.post("test.php");
$.post("test.php", { name: "John", time: "2pm" } );
$.post("test.php", { 'choices[]': ["Jon", "Susan"] });
$.post("test.php", $("#testform").serialize());
$.post("test.php", function(data){
alert("Data Loaded: " + data);
});
$.post("test.php", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
$.post("test.php", { name: "John", time: "2pm" },
function(data){
process(data);
}, "xml");
$.post("test.php", { "func": "getNameAndTime" },
function(data){
alert(data.name); // John
console.log(data.time); // 2pm
}, "json");