tobysteward · January 2, 2025 07:28 · Aug 12, 2013 · Aug 6, 2013 · Aug 6, 2013 · Aug 6, 2013
diff --git a/BlogController.php b/BlogController.php
@@ -17,4 +17,4 @@ public function showPosts()
 
         return View::make('blog', array('posts' => $posts));
     }
-}
+}
diff --git a/blog.blade.php b/blog.blade.php
@@ -51,4 +51,4 @@ function getPosts(page) {
     </script>
 
 </body>
-</html>
+</html>
diff --git a/posts.blade.php b/posts.blade.php
@@ -1,7 +1,7 @@
 @foreach ($posts as $post)
 
     <article>
-        <h2>{{ $post->title }} <a href="#{{ $post->id }}">#{{ $post->id }}</a></h2>
+        <h2>{{ $post->title }}</h2>
         {{ $post->summary }}
     </article>
 

diff --git a/BlogController.php b/BlogController.php
@@ -17,4 +17,4 @@ public function showPosts()
 
         return View::make('blog', array('posts' => $posts));
     }
-}
+}
diff --git a/Post.php b/Post.php
@@ -7,7 +7,7 @@ class Post extends Eloquent
      *
      * @var string
      */
-    protected $table = 'blog_posts';
+    protected $table = 'posts';
 
     /**
      * Define guarded columns

diff --git a/blog.blade.php b/blog.blade.php
@@ -12,7 +12,7 @@
     <h1>Posts</h1>
 
     <div class="posts">
-        @include('posts');
+        @include('posts')
     </div>
 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
@@ -51,4 +51,4 @@ function getPosts(page) {
     </script>
 
 </body>
-</html>
+</html>
diff --git a/posts.blade.php b/posts.blade.php
@@ -7,4 +7,4 @@
 
 @endforeach
 
-{{ $posts->links() }}
+{{ $posts->links() }}
diff --git a/posts.blade.php b/posts.blade.php
@@ -0,0 +1,10 @@
+@foreach ($posts as $post)
+
+    <article>
+        <h2>{{ $post->title }} <a href="#{{ $post->id }}">#{{ $post->id }}</a></h2>
+        {{ $post->summary }}
+    </article>
+
+@endforeach
+
+{{ $posts->links() }}
diff --git a/blog.blade.php b/blog.blade.php
@@ -19,43 +19,35 @@
     <script>
 
     $(window).on('hashchange', function() {
-
         if (window.location.hash) {
             var page = window.location.hash.replace('#', '');
             if (page == Number.NaN || page <= 0) {
                 return false;
+            } else {
+                getPosts(page);
             }
-            $.ajax({
-                url : '?page=' + page,
-                dataType: 'json',
-            }).done(function (data) {
-                $('.posts').html(data);
-                location.hash = page;
-            }).fail(function () {
-                alert('Posts could not be loaded.');
-            });
         }
-
     });
 
     $(document).ready(function() {
-
         $(document).on('click', '.pagination a', function (e) {
-            var page = $(this).attr('href').split('page=')[1];
-            $.ajax({
-                url : '?page=' + page,
-                dataType: 'json',
-            }).done(function (data) {
-                $('.posts').html(data);
-                location.hash = page;
-            }).fail(function () {
-                alert('Posts could not be loaded.');
-            });
+            getPosts($(this).attr('href').split('page=')[1]);
             e.preventDefault();
         });
-
     });
 
+    function getPosts(page) {
+        $.ajax({
+            url : '?page=' + page,
+            dataType: 'json',
+        }).done(function (data) {
+            $('.posts').html(data);
+            location.hash = page;
+        }).fail(function () {
+            alert('Posts could not be loaded.');
+        });
+    }
+
     </script>
 
 </body>

diff --git a/BlogController → BlogController.php b/BlogController → BlogController.php
diff --git a/BlogController b/BlogController
@@ -15,6 +15,6 @@ class BlogController extends Controller
             return Response::json(View::make('posts', array('posts' => $posts))->render());
         }
 
-        return View::make('test', array('posts' => $posts));
+        return View::make('blog', array('posts' => $posts));
     }
 }
diff --git a/Post.php b/Post.php
@@ -0,0 +1,18 @@
+<?php
+
+class Post extends Eloquent
+{
+    /**
+     * The database table used by the model.
+     *
+     * @var string
+     */
+    protected $table = 'blog_posts';
+
+    /**
+     * Define guarded columns
+     *
+     * @var array
+     */
+    protected $guarded = array('id');
+}
diff --git a/blog.blade.php b/blog.blade.php
@@ -0,0 +1,62 @@
+<!doctype html>
+<html lang="en">
+<head>
+
+    <meta charset="utf-8">
+
+    <title>Laravel AJAX Pagination with JQuery</title>
+
+</head>
+<body>
+
+    <h1>Posts</h1>
+
+    <div class="posts">
+        @include('posts');
+    </div>
+
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
+    <script>
+
+    $(window).on('hashchange', function() {
+
+        if (window.location.hash) {
+            var page = window.location.hash.replace('#', '');
+            if (page == Number.NaN || page <= 0) {
+                return false;
+            }
+            $.ajax({
+                url : '?page=' + page,
+                dataType: 'json',
+            }).done(function (data) {
+                $('.posts').html(data);
+                location.hash = page;
+            }).fail(function () {
+                alert('Posts could not be loaded.');
+            });
+        }
+
+    });
+
+    $(document).ready(function() {
+
+        $(document).on('click', '.pagination a', function (e) {
+            var page = $(this).attr('href').split('page=')[1];
+            $.ajax({
+                url : '?page=' + page,
+                dataType: 'json',
+            }).done(function (data) {
+                $('.posts').html(data);
+                location.hash = page;
+            }).fail(function () {
+                alert('Posts could not be loaded.');
+            });
+            e.preventDefault();
+        });
+
+    });
+
+    </script>
+
+</body>
+</html>
diff --git a/BlogController b/BlogController
@@ -0,0 +1,20 @@
+<?php
+
+class BlogController extends Controller
+{
+    /**
+     * Posts
+     *
+     * @return void
+     */
+    public function showPosts()
+    {
+        $posts = Post::paginate(5);
+
+        if (Request::ajax()) {
+            return Response::json(View::make('posts', array('posts' => $posts))->render());
+        }
+
+        return View::make('test', array('posts' => $posts));
+    }
+}