Javascript 悬停在按钮上可更改SQL查询的变量以显示正确的数据

我的目标是有几个按钮，当您将其中一个悬停时，一个div将显示属于用户悬停的按钮的信息

每个按钮都是从我的数据库中创建的，每个按钮都有自己的值

按钮的值就是我在SQL查询中用来显示属于按钮的正确数据的值

我的问题是，当用户悬停在按钮上时，我使用javascript和AJAX从按钮上获取按钮值，这意味着当信息div弹出时，我使用AJAX捕获的值在页面刷新之前不会更新

我远不是一个专家，我确信我已经使它比需要的复杂得多：

1） 我打印出数据库中的按钮：

while($row = mysqli_fetch_array($result)) {
          echo ' <input type="text" id="submitfakta" name="submitted-btn" value="'.$row['Name'].'">

但这是一个糟糕的解决方案，因为会话不会在您悬停时立即更新，而是在您刷新页面后首先更新

第一使用类

while($row = mysqli_fetch_array($result)) {
      echo ' <input type="text" class="submitfakta" name="submitted-btn" value="'.$row['Name'].'">

---

希望这能起作用

这个问题和代码是不一致的。在1）中，您不创建按钮，而是创建文本框。此外，value属性也从数据库行中取出来。在2）您在每个鼠标悬停事件上都发布一个ajax请求，这太过分了。检索到响应后，将其存储在输入对象中，除非数据库中的数据同时发生更改。3）中弹出的信息代码缺失。在4）中，我们看不到脚本的其余部分。会话是先初始化的吗？在会话对象中存储post参数有什么意义？

   $_SESSION["abu"] = $_POST["idAttr"];

while($row = mysqli_fetch_array($result)) {
      echo ' <input type="text" class="submitfakta" name="submitted-btn" value="'.$row['Name'].'">

   $('.submitfakta').on('mouseover', function() {
     var idAttr = $(this).attr('value');
     //alert($(this).attr('id'));
     $.ajax({
         type: "POST",
         url: 'abu.php',
         data: {idAttr : idAttr },
         success: function(data)
         {
            return data;
         }
     });
 });