Javascript 在模式中从页面获取值

我有一个带有名称的表，当我单击名称时，我需要打开modal并将我单击的名称放在那里。我怎么能做到？提前谢谢

report.php

按钮：

<a href='#ReportModal' data-id='1' data-toggle='modal'>Open</a></td>

模态：

<div id="ReportModal" class="modal" role="dialog" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">asd</h4>
      </div>
      <div class="modal-body">
        //HOW TO PRINT HERE?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

&时代；
自闭症
//这里怎么打印？
接近

剧本

<script>
$(document).ready(function() {
    $(document).on("click",".get-data"function(){
       var val = $(this).attr("data-id");    
       $.ajax({
            url: "../dist/scripts/report.userinfo.php",
            type: "POST",
            dataType: "HTML",
            async: false,
            success: function(data) {
               $('.modal-body').html(data);          
           }
         }); 

     });
});
</script>

$（文档）.ready（函数（）{
$（document）.on（“click”，“.get data”函数（）{
var val=$（this.attr（“数据id”）；
$.ajax({
url:“../dist/scripts/report.userinfo.php”，
类型：“POST”，
数据类型：“HTML”，
async:false，
成功：功能（数据）{
$（'.modal body'）.html（数据）；
}
}); 
});
});

report.userinfo.php

<?php
         include($_SERVER['DOCUMENT_ROOT']."/dist/config.php");
         $id = $_POST['id'];
         $query =  $db->query ("select Name from _reports where ID = '$id' ") or die($db->error());
         $rows= $query->fetch_array();
         echo $rows['Name'];
    ?>  

---

您就快到了，现在您所需要的就是使用class
get data
执行分配给元素的代码-要实现这一点，您可以将该类添加到锚点中


$（文档）.ready（函数（）{
$（“#ReportModal”）.dialog（）；
$（document）.on（“click”，“.get data”，函数（）{
var val=$（this.attr（“数据id”）；
//为了进行测试，我们假设您的AJAX调用可以工作
//然后，您可以删除下面的行并处理它
//在成功处理程序中，如下面的注释所示
$（'.modal body'）.html（“您单击：“+val”）；
/*
$.ajax({
url:“../dist/scripts/report.userinfo.php”，
类型：“POST”，
数据类型：“HTML”，
async:false，
成功：功能（数据）{
$（'.modal body'）.html（数据）；
}
});*/
});
});

&时代；
自闭症
//这里怎么打印？
接近
请与我们共享您的JS代码，这样我们可以看到您尝试了什么以及我们可以如何帮助您。@Hr-您不能这样做。PHP是服务器端的，因此当您单击页面本身时，就可以很长时间内完成。@Docartie我添加了脚本，请帮助）@mpf82我添加了脚本，请帮助）