有没有办法在使用bootstrap模式时记录页面视图

Question

有没有办法记录用户到我的网站点击模式上的“更多信息”按钮记录在数据库中。我想要做的是了解学生最感兴趣的奖学金并记录这些数据。该页面是使用MySQL和PHP以及bootstrap生成的，所以我知道将数据发送回服务器存在问题，因为该页面已经由服务器呈现。

以下是该页面部分的屏幕截图。

我意识到PHP和javascript以不同的方式处理数据，但我想我的问题是如何实现这一点，或者甚至可以使用现有的PHP和bootstrap。我最初的想法是将一个事件附加到“更多信息”按钮，然后需要刷新页面以将数据提供给服务器，这对于使用该站点的学生来说会让人感到困惑。

任何有关如何做到这一点的帮助将不胜感激。

所以这是我到目前为止的代码。

模态代码：（*我没有包括所有内容，因为我觉得没必要）

<!-- Trigger the modal with a button -->
<button type="button" onclick="saveData(<? echo $row['id'].",". "1";  ?>)" 
**class="btn btn-info btn-lg" id="savedata" data-toggle="modal" data- 
target="#myModal<? echo $row['id']; ?>">More Information.</button>**

<!-- Modal -->
<div id="myModal<? echo $row['id']; ?>" class="modal fade" role="dialog">
<div class="modal-dialog">

这是Ajax代码

<script>
function window.saveData(){
var name=$('#savedata').val();


$.ajax({
   type:"post",
   url:"includes/post_scholarship_count.php",
   data:"nm="+name,
   success: function(msg){
    alert('Success Insert data');
   }

});
}
</script>

当我检查服务器上运行的页面时，我收到错误

未捕获的ReferenceError：未在HTMLButtonElement.onclick（university.php：182）中定义saveData

这是：

<button type="button" onclick="saveData(826,1)" class="btn btn-info btn-lg" 
id="savedata" data-toggle="modal" data-target="#myModal826">More Information. 
</button>

我猜这个问题与模态按钮有关，但我甚至不确定你能以这种方式做到这一点。

再次感谢您的期待。

Answer 1

也许你可以使用Ajax来做到这一点。创建一个页面或函数以使用php接收发布请求。然后，当您单击按钮时，您发送一个帖子到这个PHP文件

//ajax script
$.post( "url_to_file.php", { name: value} ).done(function( 
    //console.log(data);
})


//php script in url_to_file.php
if(isset($_POST['name']){
    $value = $_POST['name'];
    exit();
}