JS ile php sorgu yenileme

Merhabalar,
bir projemde bir butona tıklayınca butonun referansına göre php mysqli sorgumu değiştirmesi gerekmekte nasıl yapabilirim?

örnek

 
select * from tablo where kategori="deneme"
//butona tıklayınca gelen referans ile
select * from tablo where kategori="referans"

ChatGPT kullanarak yardım alabilirsiniz, burada bulamazsanız eğer.

Hocam api yazıp ajax ile yapabilirsiniz bence

Bu tarz işlemleri VueJS gibi javascript framework'leri ile yapmanı öneririm.
Çok rahat, çok hızlı ve çok kolay işlerinizi yapabilirsiniz

var btn = document.querySelector('button');
btn.addEventListener('click', function() {
  var data = {
    name: "referans",
  };
  xhr.open("POST", url);
  xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
  xhr.onload = function() {
    if(this.status ===200) {
      console.log(this.responseText)
    }
  }
  xhr.send(JSON.stringify(data));
});

Bir tane GET|POST methodu olan servis yaz. Yazdığın servis aldığı paramatreye göre response verecek olsun. Ajax ile de onClick kullanarak bu servise request at ve response u dilediğin gibi kullanabilirsin.