Php 包含动态数据的Laravel popover，链接悬停时使用AJAX

在我的Laravel应用程序中，我从数据库中获取了一个类似下图的列表：

每个标题都有与之相关的ID号[即，“保姆”的ID号为7662]，每个标题都有与下图类似的特定任务。例如，“保姆”条目具有以下任务：

我想做的是将鼠标悬停在标题链接上，并显示一个弹出框，在鼠标悬停时，弹出框将使用ajax获取特定ID/条目的任务。弹出框将通过关闭按钮关闭。我试图用ajax加载任务列表视图，但没有成功。谁能告诉我怎么做？任何可能有帮助的资源的链接。我看过PHP MySQL的参考资料，但没有具体介绍Laravel。

如果使用bootstrap，则可以使用popover。所以对于悬停在弹出窗口上的ajax，可以使用“mouseenter”事件，即

$("item").mouseenter(function() {
  $.ajax({
    'type': 'POST',
    'url': 'handlers/route_request.php',
    'dataType': 'html',
    'success': function (data) {
       console.log(data);
    }
  })
});

您应该了解一些将内容附加到特定DOM元素的JS方法。

---

我认为最好的方法是使用一些JS框架，也就是说，我正在使用Vue，尤其是默认情况下它在Laravel项目中已经准备就绪。

您尝试过什么吗？请出示你的密码好吗？谢谢你的解释。我正在开发vue中没有的传统laravel应用程序（5.2）：(