Widodo

Cara Membuat Pagination Nomor Dengan Ajax dan PHP

Pagination adalah sebuah cara dalam menampilkan data secara bertahap dan dibagi menjadi beberapa halaman dengan nomor urut sesuai panjang halaman atau dengan memberi link Next dan Previous untuk menampilkan halaman Selanjutnya atau Sebelumnya

Untuk web yang menampilkan artikel hingga ratusan atau bahkan ribuan kurang efektif apabila berita tersebut ditampilkan dalam satu halaman,  tentunya akan terjadi scroll yang teramat panjang dan memerlukan loading yang lama sehingga akan mengganggu kenyamanan bagi para pembaca. Nah dari situlah sistem pagination di buat untuk menampilkan data bertahap, selain itu dengan adanya pagination ini akan menghemat halaman page web, untuk itu kami akan memberi tutorial membuat sebuah Pagination dengan menggunakan AJAX, lalu bagaimana pembuatanya, hemm sebelum kita membuat sebuah halaman menggunakan php kita membuat style atau layout terlebih dahulu agar tidak berantakan...

Uppp... Sebeleumnya silahkan download jQuery-1.3.2

1. Silahkan buat halaman baru index.php
2. Silahkan Kopi paster css dan jQuery ini diatas </head>

CSS dan JQUERY


3. Buatlah Database baru denga nama Test dan buat tb_pagination
id : INT 12
isi : Text  

4. Silahkan Buat koneksi dan masukkan Script Dibawah ini dan simpan

PHP

<?PHP $host="localhost";
$user="root";
$pass="";
$db="test";// Nama Database
$entries=1;
$waktu=date("Y-m-d H:i:s");
$koneksi=mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi);

if($koneksi){
//echo "Berhasil koneksi";
}else{
echo "Koneksi Gagal";
}
?>


5. Kembali lagi ke page index.php Sekarang kita buat HTML dan script PHP nya, dan kopi paste ini dibawah kode <body>

PHP


5. Proses pembuatan Pagination hampir selesai sekarang tutup smua page anda yang barusan dibuat

6. Kalo udah ditutup semua sekarang kita buat lagi page baru dengan nama data.php, hapus kode htmlnya dan kopi paste Script dibawah ini

PHP

Selesai.

Buat yang masih bingung anda bisa mendownload secara free dibwah ini.

DOWNLOAD

Salam Kami : mi5 team, s-widodo.com


0 Komentar