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 :

avatar ronaidea
@ronaidea

65 Kontribusi 14 Poin

Diperbarui 7 tahun yang lalu

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

avatar punyaarn
@punyaarn

55 Kontribusi 16 Poin

Dipost 7 tahun yang lalu

mantep ,, thanks @punyaarn solved

avatar ronaidea
@ronaidea

65 Kontribusi 14 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban