<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("api.php",
{
name: "Saurabh",
city: "Gurgaon"
},
function(data,status){
console.log(status);
console.log(data);
});
});
});
</script>
</head>
<body><button>Send an HTTP POST request to a page and get the result back</button>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("api.php",
{
name: "Saurabh",
city: "Gurgaon"
},
function(data,status){
console.log(status);
console.log(data);
});
});
});
</script>
</head>
<body><button>Send an HTTP POST request to a page and get the result back</button>
</body>
</html>
More from my site
-
Calling API in Jquery
-
Facebook page likes count api in javascript/jquery
-
Events in Jquery
-
How do I get HTTP Request body content in Laravel | How to return JSON Request body in Response in Laravel | How to add new parameter in HTTP request body in Laravel
-
Remove attribute in Jquery
-
Add Remove input fields dynamically using jQuery and PHP