Ajax Tutorial
Ajax Basic Example
AJAX has become so popular that you hardly find an applications. The example of some large-scale Ajax applications are: Google, Gmail, Google Maps, Google Docs,  Bing, YouTube, Facebook,  linkedin, twitter, etc.
Basic Example :
Load URL : free_time_learn.html

<h2> Loading Free Time Learn Website....! <h2>

<iframe id="theFrame" src="http://www.freetimelearning.com" style="width:100%; height:450px;" frameborder="0"> </iframe>

<!DOCTYPE html>
<html>
<head>
<title>jQuery Ajax Basic Example</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("button").click(function(){
        $("#my_site").load("free_time_learn.html");
    });
});
</script>
<style type="text/css">
	.btn{ padding:6px 15px;}
</style>
</head>
<body>

<div id="my_site">
	<h2>Free Time Learning</h2>
</div>

<button type="button" class="btn">Click Here!</button>

</body>
</html>
Output :