javascript - 如何在鼠标悬停时进行 mysql 查询并在工具提示中显示它

Question

我是新来的，但在最近的搜索中，我在这里找到了我需要的一切，除了这个问题。

我想用 jquery 或其他东西创建一个动态工具提示，但我的问题是，当用户将 mose 传递给我想要的文本时，我是否可以执行 mysql 查询，例如:

<input type="checkbox" name="COL[1]" value="pmelendez" id="pmelendez" onmouseover="javascript:function_to_make_query(this.id);"/>pmelendez

并且，在函数中我需要这样的东西:

<script>
 function_to_make_query(idreq){
  var result=<?php
  $q="SELECT complete_name from mydatabase where uname=" + idreq;
  $result=mysql_query($q,$my_conection);
  ?>
 }

</script>

但我需要在工具提示或类似的东西上显示结果。

非常感谢您的帮助。

Answer 1

您不能混合javascript和php。您必须使用$.ajax()就像，

HTML

<input type="checkbox" name="COL[1]" value="pmelendez" id="pmelendez"/>pmelendez

脚本

$('#pmelendez').on('mouseenter',function(){
    $.ajax({
       url:'tooltip.php',
       data:{id:this.id},
       success:function(response)
       {
          // use response for tooltip
       }
    });
});

PHP-tooltip.php

<?php
    $q="SELECT complete_name from mydatabase where uname=" + $_REQUEST['id'];
    $result=mysql_query($q,$my_conection);
    $row=mysql_fetch_array();
    echo $row['complete_name'];
?>

Mysql 已已弃用，因此请使用 Mysqli