Jquery ajax request example

By Hardik Savani | April 10, 2016 | | 1928 Viewer | Category : Javascript jQuery JSON Ajax


Share this post:

If you are very fresher in jquery and you don't know how to work post ajax request then bellow example can help you. i gave you the example of POST ajax request with json, you can also easily modify this example. you also fire GET ajax request using this example. bellow example is a pretty simple to undestand how to work $.ajax method. so let's see bellow example and try to undestand.

Example:

<html lang="en">

<head>

<title>JQuery Ajax Demo</title>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

</head>

<body>

<button class="ajax">Click Here</button>

<script type="text/javascript">

$(".ajax").click(function(){

$.ajax({

url: "/test/ajaxpro.php",

dataType: "json",

type: "POST",

data: {"id":"10"},

success: function (data) {

alert(data);

},

error: function() {

alert('Error.');

}

});

});

</script>

</body>

</html>