Javascript 在echo onClick之后删除sql行

我正在为学校节目中的智力竞赛节目制作节目。我有一个表格，其中包含问问题的人（在教师中）、问题是什么以及该问题的答案是什么。所以，我有一个三列的表

现在，我试图做的是，当页面加载时，它将显示一些标记为的链接。我重复了每个链接，这样当您单击其中任何一个链接时，都会从MySQL表中随机抽取一行，“问题”以及谁问了这个特定的问题将被公开显示

到目前为止，我能做得很好。但问题是

我想这样做，在点击问题之后，（确切地说，在显示问题之后），特定的行将从MySQL表中删除。我不想使用计时器，因为分配给每个问题的时间不同。我想知道javascript和AJAX中是否有某种“点击后”功能（或某种方式）。或者是PHP代码

对不起，我的问题很难说。历史老师在这里。：）

顺便说一下，这是我代码的一部分：

<?php 
    $checkrow = $db->query("SELECT * FROM questions WHERE `who` = $teachers");


    while ($row = $checkrow->fetch(PDO::FETCH_ASSOC))
    {
         $who = $row['who'];
         $question = $row['question'];  
         $date =$row['date_asked'];

         $ask = $db->query("SELECT COUNT(*) FROM teachers WHERE science = $from AND who = $teachers");  
         $count = $ask->fetch(PDO::FETCH_NUM);

         if($count[0] == 0) {
              echo '<a href="#" onClick="readmsg();"> MYSTERY QUESTION </a>';
              $fromwho = "From science Department.";
              echo "<br>";
         } else {
              echo '<a href="#" onClick="readmsg();"> MYSTERY QUESTION </a>';
              $fromwho = "From your Arts Department.";
              echo "<br>";
         }
     }
?>

这是我的javascript

<script language="javascript">
      function readmsg(){
           var qst = "<?php echo $question; ?>";
           var dte = "<?php echo $date; ?>";
           var frm = "<?php echo $fromwho; ?>";

           document.getElementById("displaymsg1").textContent = qst;
           document.getElementById("displaymsg2").textContent = dte;
           document.getElementById("displaymsg3").textContent = frm;
      }
</script>

函数readmsg（）{
var qst=“”；
var dte=“”；
var frm=“”；
document.getElementById（“displaymsg1”）.textContent=qst；
document.getElementById（“displaymsg2”）.textContent=dte；
document.getElementById（“displaymsg3”）.textContent=frm；
}

---

首先，您必须使页面

删除\u question.php

（或类似的方法）：

3nd：将处理程序添加到元素

<a href="#" onclick="delete_question(this)" data-uid="<?php echo $row['ID'] ?>">

---

谢谢您的回复。我将立即执行此操作并更新。：）由于某些原因，该行不会被删除=(
function delete_question(el) {
    $.ajax({
        url : 'delete_question.php',
        dataType : 'json',
        data : {
             uid : el.dataset.uid
        }, 
        success : function(response) {
             // remove line?
             $(el).parent().remove();
             alert(response.result);
        }
   });

<a href="#" onclick="delete_question(this)" data-uid="<?php echo $row['ID'] ?>">