Всю форму разом?

А почему нет? Там же две строчки надо написать чтобы всю форму отправить, а на сервере из POST всё нужное для получения списка и координат достать.

https://miro.com/app/board/o9J_loajpX4=/?invite_link_id=20536503925

есть таблица widgets
есть таблица widgets_attributes
и там очень хитро сделаны связи, отобразил на схеме.
Тоесть в таблице widgets есть виджет под ид 4, для него в таблице widgets_attributes есть атрибут под id 3.
Для атрибута под ид 3 в таблице widgets есть виджет под ид 5 и 7. и так рекурсивно.
У атрибутов есть значения, которые в таблице values_varchar, там связь по ид атрибута.
И еще есть таблица entities по сути, это страницы, у меня задача сделать поиск страниц, по значениям атрибутов этих виджетов. И в моей голове не складывается запрос, чтоб выдернуть это все один запросов, может кто поможет.

Особо удобно это будет, когда там ввод будет от юзера. Хуяк, букву ввели — падажжи, щас перезагружу форму, дальше вводи.

Ну не отправляй пока пользователь все данные нужные для запроса не введёт😁

Щас дойдёт то того, что аякс не нужон и надо всё натыкать и отправить)

Я хз. Говорю как сам бы делал, но у меня багаж знаний не так уж велик, поэтому моё решение может быть не лучшим из возможных🤷

Там кроме поиска ещё довольно хитрые клики с выделением всякого взаимно на карте и в списке. Плюс эти же данные используются в паре других мест на сайте. Так то json

Проблема в чем? Построить sql запрос или дёрнуть данные одним http запросом?

построить mysql запрос

рекурсивные всегда мне сложно давались

mysql не умеет в рекурсию

А стоп

С 8-ки умеет

тут сделали, двухсторонню связь между двумя таблицами

и тут я уже хз как это выдернуть

Я бы советовал мой вариант, минимально использовать vue для рендеринга, а логику писать привычным вариантом.

Просится некий "объект состояния", в котором меняются свойства по разным событиям - как тыкания в списке, так и в карте. А дальше в зависимости от состояния объекта может что-то отрисовыться. И черт побери, это выглядит как реактивное SPA, надо vue или ангуляр или реакт.

Нет