jQuery Get()/Post() Methods
The jQuery get() and post() methods is used to send a HTTP request to a page and get the result back from the web server. GET and POST are the two common methods that are used for a request-response between a client and server. GET - Get is used to request the data from a specified resource. POST - Post is used to submit data to be processed to a specified resource. Get and Post both are used to get some data from the server but get can be returned cached data and post never caches data and post method is often used for sending data along with the request. Both are pretty much identical, apart from one major difference. Both $.get() and $.post() methods makes AJAX requests but $.get() method used the HTTP GET request and $.post method used the HTTP POST request for AJAX request.
jQuery $.get() Method
The jQuery get() method is used to send the asynchronous http GET request to the server and retrieve the data. Syntax:$.get(URL,callback)
Example:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
});
</script>
</head>
<body>
<button>Send an HTTP GET request to a page and get the result back</button>
</body>
</html>
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() Method
The $.post() method is used to request the data from the server using an HTTP POST request. Syntax:$.post(URL,data,callback);
Example:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Mickey Mouse",
city: "California"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
});
</script>
</head>
<body>
<button>Send a request of HTTP Post to a page and get the result back</button>
</body>
</html>
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>