Postingan lainnya
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.
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().
Ikutin dr tutorial gan. http://www.codexworld.com/load-more-data-using-jquery-ajax-php-from-database/
Jadi gitu ya, cuman ada yang kurang gan, yaitu tag div untuk munculinnya