Hallo teman-teman Dumet School, Kali ini saya akan membahas tentang cara Menampilkan Jumlah Data Dinamis Menggunakan Ajax Javascript Part1. Dimana jumlah data yang kita tampilkan bisa berubah-ubah sesuai dengan yang kita inginkan. Untuk data yang akan saya tampilkan disini adalah data dari jsonplaceholder.

Oke teman-teman, untuk membuat cara Menampilkan Jumlah Data Dinamis Menggunakan Ajax Javascript Part1, kita buat terlebih dahulu struktur htmlnya seperti pada script di bawah ini.

Nah disini teman-teman bisa lihat struktur htmlnya. Dimana saya membuat select option untuk membuat jumlah data itu dinamis. Jika sudah maka kita akan lanjut membuat script ajax javascriptnya. Pertama saya buat function untuk meload ajaxnya terlebih dahulu.

Teman-teman bisa perhatikan script di atas, dimana ada 3 parameter yang saya buat di dalam function load_ajax(). 3 parameter ini merupakan url, jumlah data atau callback , kemudian saya lanjutkan untuk membuat sebuah function untuk menampilkan data dengan melakukan json.parse() dimana ada 3 parameter yang saya siapkan untuk data, row atau jumlah data dan elemen untuk tempat saya menampilkan data tersebut. seperti pada script di bawah ini.

Sampai disini dulu pembahasan tentang cara Menampilkan Jumlah Data Dinamis Menggunakan Ajax Javascript Part1. Saya akan lanjutkan pembahasannya untuk membuat jumlah default data yang tampil dan event change untuk mengubah jumlah data di part2.

WhatsApp chat