T-10 Homepage

 // setup
 var PHPFile = 'data.php'; // format cara penanganan parameter dan response sudah diatur dalam  kesatuan program ini
 var recordPerPage = 5; // jumlah baris yang ditampilkan tiap halaman
 var elementTable = '#divTable'; // element yang akan menampilkan data
 var elementNav = '#divNavigator'; // element yang akan menampilkan link-link pagging
 
 $(document).ready(
   function(){
	 $.post(PHPFile+'?action=getdata', // untuk mengambil data masukan alamat "data.php?action=getdata"
		{limit: recordPerPage, page: 1}, // parameter untuk "data.php?action=getdata" adalah "limit" dan "page", dikirimkan secara post
		function(data){
		  if(data != 'EMPTY'){ // jika response tidak berupa kata 'EMPTY'
			 $(elementTable).html(data); // masukan hasil response secara langsung ke element yang akan menampilkan data
			 $.post(PHPFile+'?action=getcount',function(totalRows){ // untuk mendapatkan total baris keseluruhan pada data yang akan di-pagging gunakan "data.php?action=getcount"
			   if(recordPerPage < totalRows){ // jika total keseluruhan baris lebih besar dari total baris per halaman maka tampilkan pagging
				 var i = Math.ceil(totalRows/recordPerPage); // untuk mendapatkan berapa banyak link pagging yang akan ditampilkan
				 var navigators = []; // siapkan array navigator yang akan menyimpan html link
 
				 for(var j=1;j<=i;j++) // looping angka navigator
				   navigators.push('<a href="javascript:;">'+j+'</a>') // navigator berupa link sederhana, anda bisa custom dengan style anda sendiri
 
				 $(elementNav).html(navigators.join(' ')); // hasil array link navigator di masukkan ke element yang akan menampilkan link pagging
				 $(elementNav+' a').click( // beri event onClick pada setiap link navigator
				   function(){
					 var _page = $(this).text(); // ambil angka pada link pagging
 
					 // ambil lagi data berdasar angka pada link pagging
					 $.post(PHPFile+'?action=getdata', 
					  {limit: recordPerPage, page: _page},
					  function(data){
						if(data != 'EMPTY') $(elementTable).html(data);
					  }
					 );
 
					 $(elementNav+' a').css('font-weight','normal'); // semua link pagging di normalkan style-nya
					 $(this).css('font-weight','bold'); // link pagging yang baru saja di click di beri efek bold
				   }
				 );
			   }
			 });
		  }else alert('Data Kosong'); // jika response = 'EMPTY' maka alert "Data kosong"
		});
   }
 );

 <div id="divTable" style="height: 160px;"></div>
 <div id="divNavigator"></div>