Как вывести отсортированные записи из wpforms, используя javascript
Всем привет. К чему я стремлюсь: чтобы на определенной странице сайта(wordpress) выводились отсортированные записи из wpforms через js. Предполагается, что на странице будет фильтр, в котором можно будет выбирать параметры сортировки. Нажал на кнопочку - таблица с записями перерендерилась.
Что я сделал на данный момент: воспользовавшись документацией wpforms (https://wpforms.com/developers/how-to-display-form-entries/) вывел через шорткод на нужной странице записи нужной формы. Этот алгоритм работает через php. Шорткод выводит записи в виде таблицы, я в свою очередь скрываю css-стилями эту таблицу (display:none). В js-коде получаю с помощью .querySelector эту таблицу в виде DOM-элемента, а потом долго и мучительно из этого DOM-элемента генерирую объект, с которым мне удобно будет работать. Ну а когда у меня получен этот объект, тут я уже сортирую данные по всякому в нем и генерирую новую таблицу (на js) с уже отсортированными записями.
Полагаю, что такой подход является бредом, вот и хочу разобраться, как сделать правильно. Я понял что: 1)по идее надо как-то получить json-объект, содержащий записи формы из бд, и уже с ним работать, а именно: средствами js сгенерировать html-структуру из этого объекта. 2)когда появляются новые записи в бд, нужно их как-то динамически подгружать к тем записям, что уже отображены на странице.
Потратив некоторое количество часов/дней на поиски того, как можно сделать, нашел 2 примерных варианта:
- js-скрипт на странице делает ajax-запрос к какой-то странице сайта, на которой уже будет php-скрипт работать с бд, и аяксом нужные данные будут прогружаться
- WP REST API - читал, читал, ничего не понял. Единственное, что понял, что это вроде как крутая штука, но, возможно избыточная для моей задачи.
Подскажите, люди добрые, куда копать? Я зашел в тупик, может пример реализации подобного функционала есть у кого или сталкивались с подобной задачей?