jQuery is a JavaScript library that is designed to interact with JavaScript easily. jQuery has get() and post() functions that are used to send a request to the server.
get()- This function sends a request to the server using HTTP GET method. It has the following syntax-
$.get(url, data, callback)
url- This parameter specifies the URL to which request is to be sent.
data- It is an optional parameter. It is used to provide data that is to be sent along with the request.
callback- It is an optional parameter. It specifies the function to be called when the response is received.
post()- This function sends a request to the server using HTTP POST method. It has the following syntax-
$.post(url, data, callback)
url- This parameter specifies the URL to which request is to be sent.
data- It is an optional parameter. It is used to provide data that is to be sent along with the request.
callback- It is an optional parameter. It specifies the function to be called when the response is received.
Example.html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#clickme").click(function(){
$.get("/ajax/details.php", function(data, status){
$("#mobiles").html(data);
});
});
});
</script>
</head>
<body>
<button id="clickme">Show Details</button>
<div id="mobiles"></div>
</body>
</html>
details.php
<?php echo "Name: Samsung Galaxy J7"."<br />"; echo "Price: 15500"."<br />"; echo "Features: "."<br />"; echo "Screen Size: 5.5"."<br />"; echo "Operating System: Android 6.0"."<br />"; ?>
Output
