Jquery ajax request example
In this post we will give you information about Jquery ajax request example. Hear we will give you detail about Jquery ajax request exampleAnd how to use it also give you demo for it if it is necessary.
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 >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>
Hope this code and post will helped you for implement Jquery ajax request example. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs