Teman-teman pasti sudah tidak asing lagi ya yang namanya data tables, dimana datatables ini biasanya di gunakan untuk menampilkan sebuah data dari database kita dan disitu sudah tersedia berbagai macam fungsi seperti pencarian, pagination, berapa data yang ingin di tampilkan, urut berdasarkan abjad seperti itu, disini saya akan berbagi sedikit bagaimana cara membuat dataTables dengan Ajax, jadi jangan kemana-mana simak ya terus ya teman-teman.

yang saya pakai disini untuk membuat sebuah datatables adalah sebuah plugin saya menyebutnya karena disini saya tidak membuat dari 0 dimana fungsi-fungsi yang saya tulis di atas itu sudah secara otomatis ada kita tinggal menyesuaikan data-data yang di butuhkan, dan disin saya akan mencoba cara membuat dataTables dengan Ajax, jadi bagi teman-teman yang belum pernah belajar ajax, belajar dulu ya supaya tidak kesulitan membaca kodingan yang akan saya buat nanti.

Oiya katanya menggunakan plugin, di website mana mas, ok untuk refrensi pembuatan datatables ini saya menggunakan dari datatables.net silahkan teman-teman kunjungi disitu tidak hanya menggunakan AJAX ya tetapi HTML juga ada, oke jika sudah mari kita mulai untuk penulisan kodingnya, disini karena data dari database saya hanya 3 jadi saya membuat template seperti ini:

Oiya jangan lupa link css dan scriptnya yang ada di head seperti ini:

bisa dilihat disini menggunakan jquery ya. oke kita lanjut, disini saya membuat proses ajaxnya

untuk dataSrc, columns itu memang sudah ketentuan dari sana, dan data valuenya kita sesuai kan dengan nama judul kolom yang ada di database. dan disini saya membuat file satu lagi untuk web servicenya dengan nama data.php dan kodenya seperti ini:

Jika di lihat tidak asing ya, disini saya membuat sebuah variabel rows yang saya setting sebagai array dan saya looping dan jangan lupa json_encodenya ya teman-teman. dan sekarang kita coba, jika berhasil maka akan tampil seperti ini:

cara membuat dataTables dengan Ajax

bisa dilihat ada beberapa fungsi ya, dan menurut saya untuk menampilkan sebuah data cara ini sungguh komplit ya jadi tidak hanya sekedar kita menampilkan tetapi ada beberapa fungsi menurut saya berguna, oke saya rasa cukup sampai disini belajar kita tentang cara membuat dataTables dengan Ajax, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.