Laravel popover, содержащий динамические данные с AJAX при наведении ссылки
В моем приложении Laravel у меня есть список, извлеченный из базы данных, подобный следующему изображению:
Каждый заголовок имеет идентификационный номер. связано с этим [т.е. «Няня» имеет идентификационный номер 7662], и у каждого заголовка есть определенные задачи, подобные изображению ниже. Например, запись «Няня» имеет следующие задачи:
Что я хочу сделать, так это навести курсор на ссылку заголовка и отобразить всплывающее окно, а при наведении указатель мыши получит задачи для этого конкретного идентификатора / записи с помощью ajax. Всплывающее окно будет закрыто с помощью кнопки закрытия. Я попытался загрузить представление списка задач в ajax, но это не сработало. Может кто-нибудь сказать, пожалуйста, как я могу пойти по этому поводу? Любая ссылка на любые ресурсы, которые могут помочь. Я видел ресурсы для PHP-MySQL, но ничего конкретного, что касается Laravel.
Решение
Для popover вы можете использовать загрузчик поповер если вы используете загрузчик. Таким образом, для ajax при наведении курсора на всплывающее окно вы можете использовать событие mouseenter, т.е.
$("item").mouseenter(function() {
$.ajax({
'type': 'POST',
'url': 'handlers/route_request.php',
'dataType': 'html',
'success': function (data) {
console.log(data);
}
})
});
Вы должны узнать о некоторых методах JS, чтобы добавить контент к определенному элементу DOM.
На мой взгляд, лучший способ — это использовать некоторую JS-среду, т. Е. Я использую Vue, особенно по умолчанию она уже в проекте Laravel.
Другие решения
Других решений пока нет …