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="https://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 :

We see you’re using an ad blocker.

Our website is made possible by displaying ads to our visitors.

Please help us continue to provide you with free. So please disabling your ad blocker.