Membuat Load More button dengan Ajax dan Php dari database

Judulnya mungkin agak membuat Agan2 pusing. Tapi lebih pusinglah lagi saya bila dari tantangan itu (baca:judul) belum terpecahkan. Para Suhu mohon bimbingannya ^^ Terima Kasih.

avatar knightofgray
@knightofgray

99 Kontribusi 23 Poin

Diperbarui 8 tahun yang lalu

3 Jawaban:

Jawaban Terpilih

Pertama keluarin(query) data awal yang mau ditampilin sesuai jumlah batas yang diinginkan misal 15.

$data_awal = "SELECT * FROM tabel LIMIT 15";

Ambil id terakhir data, kirim ke fungsi ajax saat memencet tombol load. Contoh ane simpel pake button onclick langsung ke fungsi javascript.

<button id="load_button" onclick="load_click($id_terakhir)"/>
function load_click(last_id){
$.ajax({
        type: "GET",
        url: "path_ke_file_query/data_per_load.php",
        data: "last_id : last_id", //last_id kita berarti 15
        dataType: "html",  //sesuai keinginan, di sini saya pengen ngambil langsung data dalam bentuk html langsung dari file data_per_load.php
        success: function(data){
            $(".class_div_hasil_fetch").append(data);
        }
      });
}

Dalam fungsi ajax, query data load dengan offset id terakhir tadi hingga jumlah data per load(sesuai keinginan). Id terakhir 15. Berarti Offsetnya 15 untuk start dari id 16 selanjutnya. Dan jumlah data per load misal ingin 5 saja.

$data_per_load = "SELECT * FROM tabel LIMIT 5 OFFSET last_id";

Kalau fungsi success, munculin langsung data per load tadi. Salah satunya bisa dengan fungsi append().

avatar username
@username

70 Kontribusi 19 Poin

Dipost 8 tahun yang lalu

Ikutin dr tutorial gan. http://www.codexworld.com/load-more-data-using-jquery-ajax-php-from-database/

avatar arman12
@arman12

29 Kontribusi 1 Poin

Dipost 8 tahun yang lalu

Jadi gitu ya, cuman ada yang kurang gan, yaitu tag div untuk munculinnya

avatar knightofgray
@knightofgray

99 Kontribusi 23 Poin

Dipost 8 tahun yang lalu

Login untuk ikut Jawaban