March 30, 2025
Ajax post request with jQuery.post method
With jQuery.post method, we can make Ajax http post request to server. We can send or post data to server. It requires four arguments, first is URL on which we need to send post data, second is data object (json format) which will send with post request., third is call back function which is called on get request complete, fourth parameter specifies the expected response format i.e. json, text, xml, html, etc.
Example of post jQuery request is mentioned below:
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("#getButton").click(function(){
$.post("https://evidenttutorials.com/saveDummyForm/", { north: 44.1, south:-9.9, east:-22.4, west:55.2, lang:'de', username='demo'}, function(response) {
$("#divbox").text(JSON.stringify(response));
}, "json");
});
});
</script>
</head>
<body>
<button id="getButton">Post Data</button>
<div id="divbox">Hello, world!</div>
</body>
</html>