Ajax-фильтр для категорий в Wordpress ⇐ Javascript

[Anonymous]

Я создаю сайт на Wordpress. Я создал фильтр с категорией по умолчанию для отображения сообщений. В фильтре используются флажки, поэтому пользователь может выбрать одну или несколько категорий.
Проблема в том, что когда я выбираю категорию, отображаются все сообщения. Я не уверен, откуда возникает проблема: обработчик Ajax или Javascript.
Мне также хотелось бы, чтобы, когда ни одна из категорий не выбрана, отображались все сообщения.
p>
Фильтр PHP:

Код: Выделить всё

JS:

Код: Выделить всё

if (document.querySelector('.js-filter')) {
const ajax_url = document.querySelector(".js-filter").dataset.ajaxUrl;
let filterBtn = document.querySelectorAll('.js-filter-term');

var i;
for( i = 0; i < filterBtn.length; i++ ){
filterBtn[i].addEventListener('change', function(){

const containerTerm = document.querySelector(".js-container");
const data = new FormData();

let term_slug = this.dataset.slug;

data.append( 'action', 'filterpost' );
data.append( 'category', term_slug );

fetch(ajax_url, {
method: "POST",
body: data
})
.then((response) => response.text())
.then((data) => {
if (data) {
containerTerm.innerHTML=data;
}
})
.catch((error) => {

});
});
};
}

Обработчик AJAX:

Код: Выделить всё

Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/793 ... -wordpress