【问题标题】:Is there a way to record a page view when using bootstrap modal使用引导模式时有没有办法记录页面视图
【发布时间】:2019-02-14 15:11:20
【问题描述】:

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

这是部分页面的截图。

我意识到 PHP 和 javascript 以不同的方式处理数据,但我想我的问题是如何实现这一点,或者这甚至可能使用现有的 PHP 和引导程序。我最初的想法是在“更多信息”按钮上附加一个事件,但随后需要刷新页面才能将数据发送到服务器,这会让使用该网站的学生感到困惑。

任何有关如何完成此操作的帮助将不胜感激。

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

模态代码:(*我没有全部包括在内,因为我认为没有必要)

<!-- 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>

当我检查服务器上运行的页面时,我得到一个错误

未捕获的引用错误:未定义 saveData 在 HTMLButtonElement.onclick (university.php:182)

即:

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

我猜这个问题与模态按钮有关,但我什至不确定你是否可以以这种方式做到这一点。

再次感谢您的关注。

【问题讨论】:

    标签: javascript php modal-dialog


    【解决方案1】:

    也许您可以使用 Ajax 来做到这一点。 用 php 创建一个页面或函数来接收一个 post 请求。 然后,当您单击按钮时,您将帖子发送到此 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();
    }
    

    【讨论】:

    • 啊,是的,我知道这是如何工作的,非常感谢您的帮助。页面不需要刷新就可以发送数据?
    • 是的,使用 Ajax 不需要刷新页面。
    猜你喜欢
    • 2020-06-19
    • 2020-08-27
    • 2017-12-24
    • 1970-01-01
    • 1970-01-01
    • 2012-06-16
    • 2023-04-07
    • 2021-11-07
    • 2018-06-01
    相关资源
    最近更新 更多