Hallo teman-teman Dumet School. Kembali lagi dengan saya di Kursus Web Design. Kali ini saya akan membahas tentang Cara Membuat Load More Dengan Ajax Javascript. Yang dimaksud dengan load more adalah suatu animasi untuk membuat pagination dengan cara melakukan klik pada suatu elemen maka tampilan data akan bertambah dengan jumlah tertentu tanpa harus mereload halamannya.

Untuk dapat mengetahui Cara Membuat Load More Dengan Ajax Javascript teman-teman bisa mulai dari membuat fungsi ajax javascript dengan beberapa parameter. Berikut ini scriptnya ya teman-teman.

Jika sudah maka kita buat function load_ajax(), teman teman buat function app.show untuk mengisi parameternya. Dan berikut ini scriptnya ya teman-teman. Bisa teman-teman salin.

Dan parameter dari callback ajaxnya sebagai berikut.

Teman-teman jangan lupa buat file database.php di dalam folder app, dimana isinya adalah perintah untuk mengambil semua data untuk ditampilkan dengan menggunakan php. Dan Langkah terakhir kita buat event klik untuk membuat load more. Dimana ketika kita klik otomatis data yang tampil akan bertambah karena pada function generate_posts batas dari loopingnya saya buat dinamis. Dan berikut ini adlah event klik untuk load more ajax javascript.

Demikian artikel tentang Cara Membuat Load More Dengan Ajax Javascript. Semoga dapat bermanfaat dan selamat mencoba ya.