Re-wrote ajax to request to be modular

Author: softwarespot

application/views/rest_server.php

@@ -118,31 +118,71 @@
 <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
 
 <script>
-    $(function() {
+    // Create an 'App' namespace
+    var App = App || {};
 
-        $('#ajax').on('click', function (event) {
+    // Basic rest module using an IIFE as a way of enclosing private variables
+    App.rest = (function ($, window) {
+        // Fields
 
-            event.preventDefault();
+        // Cache the jQuery selector
+        var $_ajax = null;
 
-            $.ajax({
-
-                // URL from the link that was clicked on.
-                url: $(this).attr('href')
-
-            }).done(function (data) {
-
-                // The 'data' parameter is an array of objects that can be looped over.
+        // Methods (private)
 
-                alert(JSON.stringify(data));
+        // Called on Ajax done
+        function ajaxDone(data) {
+            // The 'data' parameter is an array of objects that can be iterated over
+            window.alert(JSON.stringify(data, null, 2));
+        }
 
-            }).fail(function () {
-
-                alert('Oh no! A problem with the Ajax request!');
+        // Called on Ajax fail
+        function ajaxFail() {
+            window.alert('Oh no! A problem with the Ajax request!');
+        }
 
+        // On Ajax request
+        function ajaxEvent($this) {
+            $.ajax({
+                    // URL from the link that was 'clicked' on
+                    url: $this.attr('href')
+                })
+                .done(ajaxDone)
+                .fail(ajaxFail);
+        }
+
+        // Bind event(s)
+        function bind() {
+            // Namespace the 'click' event
+            $_ajax.on('click.app.rest.module', function (event) {
+                event.preventDefault();
+
+                // Pass this to the Ajax event function
+                ajaxEvent($(this));
             });
-        });
-
+        }
+
+        // Cache the DOM node(s)
+        function cacheDom() {
+            $_ajax = $('#ajax');
+        }
+
+        // Public API
+        return {
+            init: function () {
+                // Cache the DOM and bind event(s)
+                cacheDom();
+                bind();
+            }
+        };
+    })(jQuery, window);
+
+    // DOM ready event
+    $(function () {
+        // Initialise the App module
+        App.rest.init();
     });
+
 </script>
 
 </body>