datatables-ajax-dengan-php
Trik Mudah Membuat datatables ajax server side dengan Php Native

Trik Mudah Membuat datatables ajax server side dengan Php Native

Diposting pada

malasngucap.com – Menampilkan data dari database dengan data yang lumayan banyak ada baiknya kita menggunakan pagging disana. Nah pada kesempatan kali ini saya akan membahas mengenai Trik Mudah Membuat datatables ajax server side dengan Php Native. Dimana kita akan menggunakan datatables.

Mengapa harus Menggunakan Datatables Ajax Server Side ?

Pernahkan anda menampilkan data dari database ke dalam aplikasi web anda dengan jumlah row yang sangat banyak. Tentunya jika kita menampilkan datanya begitu saja akan membuat aplikasi anda berjalan sangat lambat. Hal terburuk yang terjadi adalah Terjadinya Not Responding pada Browser anda.

Selain hal tersebut, mengapa anda saya sarankan menggunakan datatables ajax server side adalah kemudah salam searching data. Bayangkan jika dalam tabel data anda beriisi 2000 an data dan anda harus menggunakan scroll page untuk mencarinya. Sangat rumit bukannya?. Walaupun ada fungsi CTRL+F untuk mencarinya, menurut saya hal ini kurang efektif karena lagi lagi halaman akan not responding.

Dan yang terakhir kenapa anda saya sarankan menggunakan datatables server side adalah menghindari komplain user. Yap, seperti yang sudah saya jelaskan di atas hal terakhir yang mungkin terjadi adalah komplain user. Kalau hanya sekedar komplain mungkin biasa saja, akan tetapi jika sampai aplikasi nya tidak mau di pakai lagi, maka akan jadi useless bukan??

Cara Menggunakan Datatables Ajax Server Side

Maka dari itu, mari kita bertaubat ya. haha mari kita menggukan datatables ajax server side untuk menghindari resiko-resiko yang sudah saya jelaskan di atas. Simak ulasannya di Bawah ini ya :

Membuat Database

Buat Lah Database dengan Nama test.

Membuat Tabel Baru

Silahkan anda buat tabel baru dengan cara memasukan script dibawah ini :

Selanjutnya anda buat Folder baru di C\xampp\htdocs dengan nama datatables_php.

Karena kita akan menggunakan Plugin css dan jquery datatable Table anda bisa mendownloadnya disini

Selanjutnya buat file baru lagi dan berikan Nama index.php, lalu masukan code dibawah ini :

Sedikit penjelasanya disini anda memasukan plugin datatable di script ini ya :

Untuk plugin jquerynya anda load yaitu ini :

Jika sudah silahkan anda buat file dengan nama Koneksi.php, dan masukan code dibawah ini :

Setelah itu silahkan anda buat 1 file lagi dengan nama view.php

Jika sudah silahkan Buka Browser anda dan silahkan ketik http://localhost:8080/datatables_php/. Maka akan tampil seperti di bawah ini :

Untuk Menampilkannya anda klik tombol biru yang ada di atas. Maka data akan muncul seperti di bawah ini :

Kesimpulan

Karena data yang say tampilkan adalah 2000 data, maka pagging yang terjadi sampai 466 paging halaman. sekarang anda tinggal bandingan sebelum menggunakan ajax datatables dan sebelum menggunakan ajax datatables. Sekian ya.

Silahkan download souece code nya disini ya.