Pagination memang salah satu contoh tools dimana ketika kita mempunyai sebuah data yang banyak lalu data itu kita tampilkan sebagian dan untuk menampilkan data yang lain kita gunakan pagination. Pagination sendiri ada beragam tampilannya ada yang angka dan ada juga yang next dan prev, lalu disini kami akan berbagi dan mencoba bagaimana caranya membuat pagination yang angka. Kebetulan disini untuk membuat sebuah pagination itu saya menggunakan ajax jquery, seperti apa simak terus ya teman-teman.

Jika di atas saya menuliskan saya membuat cara pagination angka ini dengan sebuah ajax jquery, apa bedanya dengan yang lain, sebeneranya sama aja bedanya jika kita menggunakan ajax jquery data yang kita tampilkan. Ketika kita menampilkan data yang lain, data yang di tampilkan itu tidak akan reload seperti halnya kita tidak menggunakan ajax seperti hanya PHP saja misal, lebih enak bukan, oke langsung saja kita lihat caranya, dsini mempunyai template seperti ini

Jadi kita siapkan saja template penampungnya yaitu data materi. lalu kita buatkan proses ajaxnya sperti ini

Oke karena itu menuju web servicenya proses.php sekarang kita lihat

Seperti yang kita lihat, proses pagination angka kita looping dulu berdasarkan jumlah total data yang sudah kita ceil ya, kita bulatkan kebawah, lalu hasi dari ceil tersebut kita masukan kedalam pagination angkanya, maka yang terjadi akan seperti ini

Cara Membuat Pagination Angka Ajax jQuery

Oiya jangan lupa teman-teman siapkan juga database yang ingin di looping ya, jika tombol itu di tekan maka data yang ada di atas akan berganti sesuai dengan proses yang sudah kita atur, dan ketika kita melihat data yang lain tentunya tidak akan reload, bagaimana silahkan di coba ya, dan saya rasa cukup sampai disini belajar kita tentang Cara Membuat Pagination Angka Ajax jQuery semoga bermanfaat dan sampai jumpa pada artikel dari kursus web design berikutnya terimakasih.

 

WhatsApp chat