Load External Page From Link - jQuery AJAX Actualizer

Load External Page From Link - jQuery AJAX Actualizer
File Size: 5.4 KB
Views Total: 196
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Actualizer is a dynamic AJAX content loading plugin that enables the user to load an external page into the current page by clicking a link.

How to use it:

1. Load the JavaScript actualizer.js after loading the latest jQuery JavaScript library.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/actualizer.js"></script>

2. Create a DIV container in which the AJAX content should be loaded.

<div id="ajax-content">
  Content Here
</div>

3. Create a link on the page and specify the path to the external page that should be loaded into the container you just created.

<a id="demo" href="ajax.html">
  Click Me To Load
</a>
<!-- ajax.html -->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>AJAX Content</title>
</head>
<body>
  AJAX Content Here
</body>
</html>

4. Call the function on the container element and determine the select of the AJAX link. That's it.

$(function(){
  $('#target').actualizer('a#demo');
});

This awesome jQuery plugin is developed by ratajs. For more Advanced Usages, please check the demo page or visit the official website.