Postingan lainnya
Multi FILTER DATABASE dengan AJAX !
tman" sya ingin bertanya, konsep yang dipakai untuk filter 2 kategori database dengan ajax itu gmna ya, kasusnya sya punya suatu daftar produk lalu sya ingin memfilter berdasarkan 2 menu sercara berurutan, jadi misal di gambar bawah, saya ingin filter kategori BASS selanjutnya filter dengan huruf awalan G
gambar kasus :
2 Jawaban:
Jawaban Terpilih
kayaknya sih seperti ini om,
step pertama kita bisa ambil kategori nya pakai ajax function, contoh BASS
A B C
//disini kita filter dlu kategori berdasarkan kategori yang di pilih, $("#kategori-btn").click(function(){ var kategori = $(this).attr("data"); $.ajax({ type:"POST", data:{kategori:kategori}, url:"ajax.php", success:function(resultKategori){ $("#show").fadeIn(300); $("#result").hide().html(resultKategori).fadeIn(300); -------->disini menampilkan result berdasarkan kategori saja
$(".filter").click(function(){ var keyFilter = $(this).attr("data"); $.ajax({ type:"POST", data:{kategori:kategori, keyFilter:keyFilter}, -----> disini kita ambil key&val kategori berdasarkan abjad url:"ajax.php", success:function(resultFinal){ $("#result").hide().html(resultFinal).fadeIn(300); ---> result data yang sudah di filter } }) }) }) } })
//untuk php script, fungsi ajax yang pertama kita filter berdasarkan kategori yang telah kita lempar melalui ajax, dan fungsi ajax kedua kita filter data berdasarkan abdjad & kategori yang telah kita filter sebelumnya
