Question

我想知道我是如何在我的网站上的工具提示中显示来自phpmyadmin数据库的数据的？

如果登录用户悬停在某个字段上，则会在工具提示中显示更多信息。

我不知道怎么回事，所以任何帮助都会受到赞赏。

Answer 1

首先你需要jquery ui。你可以使用下面的代码

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

第二，你需要一个数据库。假设您的数据库是myproducts-＆gt; id，productname，productdate

让我们说标签是

<h1  data-toggle="tooltip" data-placement="top" title="Tooltip on top">product1</h1>

然后你需要工具提示下面的代码并从标签中获取文本并通过ajax将其发送到php文件（假设名称为c.php）

<script>
 $(function() {

     $('[data-toggle="tooltip"]').tooltip({
         open: function( event, ui ) {
            var x = $(this);
            var text = $(this).html();
            $.ajax({
                type:'post',
                url:'c.php',
                data:{
                    'text':text
                },
                success:function(html){

                    x.tooltip({
                        content:html
                    });

                }

            });

         }
         });
});
 </script>

然后你的c.php文件必须包含以下代码：

<?php
$con = mysqli_connect("host","username","password","databasename");
if(isset($_POST['text']))
{
    $text = $_POST['text'];
    $query = mysqli_query($con, "select * from myproducts where productname='$text'");
    $result = mysqli_fetch_row($query);
    if(!empty($result))
    {
        echo json_encode($result);
    }
}//if
?>

你知道我做的是，如果我在文本上工具提示代码将ajax的标签文本发送到另一个php文件，该文件将获取文本（可以是任何真正的名称）并发回从数据库和数据库中获取的json检查了我们发送给它的文本，并获得了有关它的所有信息。最后json被调用回ajax和x变量，这是我们的主要对象，我们再次在工具提示上工具提示并显示我们通过json从数据库获得的信息。

如果您将鼠标悬停在product1上，则有关product1的所有信息都将显示为工具提示

通过php在工具提示中显示数据？

1 个答案: