PHP Codeigniter - Ajax Infinite Scroll Pagination Example

Info informasi PHP Codeigniter - Ajax Infinite Scroll Pagination Example atau artikel tentang PHP Codeigniter - Ajax Infinite Scroll Pagination Example ini semoga dapat bermanfaat, dan menambah wawasan. Selamat Membaca! Jangan lupa dishare juga! Jika merasa artikel ini bermanfaat juga untuk orang lain.

Step 1: Download Fresh Codeigniter 3

In First step we will download fresh version of Codeigniter 3, so if you haven't download yet then download from here : Download Codeigniter 3.

Step 2: Create Database and Configuration

In this step we will create new database "test" and add new table "posts" in test database. You can use following SQL Query for create "posts" table. So let's create using bellow sql query:

item table:

After create database and table successfully, we have to configuration of database in our Codeigniter 3 application, so open database.php file and add your database name, username and password.
application/config/database.php

Step 3: Add Route

In this step you have to add one route in our route file. We will manage infinite scroll example on single route using jquery, so let's put route as bellow code:
application/config/routes.php

Step 4: Create Controller

Ok, now first we have to create one new controller AjaxController with index method. so create AjaxController.php file in this path application/controllers/AjaxController.php and put bellow code in this file:
application/controllers/AjaxController.php

Step 5: Create View Files

In this step, we will create two view files as listed bellow:
myPost.php: In this file, we will display layout with infinite ajax jquery.
data.php: In this file, we manage posts table data foreach, so we have to just manage posts data here.
application/views/myPost.php

<!DOCTYPE html> <html> <head> 	<title>Codeigniter infinite scroll pagination</title> 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>   	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">   	<style type="text/css">   		.ajax-load{    			background: #e1e1e1;  		    padding: 10px 0px;  		    width: 100%;    		}    	</style> </head> <body>  <div class="container"> 	<h2 class="text-center">Codeigniter infinite scroll pagination</h2><br/> 	<div class="col-md-12" id="post-data"> 		<?php  		  $this->load->view('data', $posts);  		?> 	</div></div><div class="ajax-load text-center" style="display:none"> 	<p><img src="http://demo.itsolutionstuff.com/plugin/loader.gif">Loading More post</p></div><script type="text/javascript"> 	var page = 1;  	$(window).scroll(function() {  	    if($(window).scrollTop() + $(window).height() >= $(document).height()) {  	        page++;  	        loadMoreData(page);  	    }  	});   	function loadMoreData(page){  	  $.ajax(  	        {  	            url: '?page=' + page,  	            type: "get",  	            beforeSend: function()  	            {  	                $('.ajax-load').show();  	            }  	        })  	        .done(function(data)  	        {  	            if(data == " "){  	                $('.ajax-load').html("No more records found");  	                return;  	            }  	            $('.ajax-load').hide();  	            $("#post-data").append(data);  	        })  	        .fail(function(jqXHR, ajaxOptions, thrownError)  	        {  	              alert('server not responding...');  	        });  	}  </script>  </body> </html>

application/views/data.php
Ok, now we are ready to run our Infinite Scroll example. Make sure you have some dummy records on posts table. So let's run bellow command on your root directory for quick run:

php -S localhost:8000

 Now you can open bellow URL on your browser:

 http://localhost:8000/my-post

Demikian artikel tentang PHP Codeigniter - Ajax Infinite Scroll Pagination Example ini dapat kami sampaikan, semoga artikel atau info tentang PHP Codeigniter - Ajax Infinite Scroll Pagination Example ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.

Bersponsor
👉 Penerbit Content Placement Indonesia
👉 Artikel Kami Terbitkan Harga Terjangkau
👉 Jasa Content Placement
👉 Pasang Backlink Blogroll Premium
👉 Content Placement 50 Jaringan Backlink
👉 Jadi Agen Hanya 100 Ribu Selamanya
👉 Laptop Gaming Terbaik

01. Backlink Indonesia	26. Iklan Maluku Utara
02. Backlink Termurah	27. Iklan Nusa Tenggara Barat
03. Cara Membeli Backlink	28. Iklan Nusa Tenggara Timur
04. Iklan Aceh	29. Iklan Online Indonesia
05. Iklan Bali	30. Iklan Papua
06. Iklan Bangka Belitung	31. Iklan Papua Barat
07. Iklan Banten	32. Iklan Riau
08. Iklan Bengkulu	33. Iklan Semesta
09. Iklan Dunia	34. Iklan Sulawesi Barat
10. Iklan Gorontalo	35. Iklan Sulawesi Selatan
11. Iklan Internet	36. Iklan Sulawesi Tengah
12. Iklan Jakarta	37. Iklan Sulawesi Tenggara
13. Iklan Jambi	38. Iklan Sulawesi Utara
14. Iklan Jawa Barat	39. Iklan Sumatra Barat
15. Iklan Jawa Tengah	40. Iklan Sumatra Selatan
16. Iklan Jawa Timur	41. Iklan Sumatra Utara
17. Iklan Kalimantan Barat	42. Iklan Terbaru
18. Iklan Kalimantan Selatan	43. Iklan Yogyakarta
19. Iklan Kalimantan Tengah	44. Jaringan Backlink
20. Iklan Kalimantan Timur	45. Jasa Backlink
21. Iklan Kalimantan Utara	46. Jasa Backlink Murah
22. Iklan Kepulauan Riau	47. Jasa Backlink Terbaik
23. Iklan Lampung	48. Jasa Backlink Termurah
24. Iklan Link	49. Media Backlink
25. Iklan Maluku	50. Raja Backlink