php 可以更新数据库而不刷新页面的“喜欢”按钮

rsaldnfx  于 2022-12-25  发布在  PHP
关注(0)|答案(1)|浏览(132)

我有一个"喜欢"按钮,它保存了数据库中的ID。我尝试单击"喜欢"按钮,更新数据库,然后它将切换到"不喜欢",而无需重新加载页面。
我将粘贴下面的代码,所以你有一个理解:
文件名:**

<script type="text/javascript">

// Like Button Function
    $(document).ready(function(){ 
        $(".likeBtn").on("click", function(){
        
        var threadID = $(this).attr("id");
        console.log(threadID);

        $.ajax({
             type: "POST",
             url: "like_function.php",
             data: threadID,
             success:function(html)
             {
             }
        });

        });
    });

</script>
<form action='javascript:void(0);' method='POST' enctype='multipart/form-data'>
   <input type='submit' name='likeBtn' class='likeBtn' id='52' value='Like'>
</form>

因此,var threadID =从数据库中检索ID(我使用52作为示例)从这里,我希望能够运行一个php脚本(如_function.php)来使用存储为变量的ID更新数据库。
最后,我想把这个按钮改成不像。抱歉,我在这方面是个新手。我是Ajax新手

6yjfywim

6yjfywim1#

您需要使用preventDefault()来取消事件submit,现在您可以更新您的数据。示例如下:

$(document).ready(function(){ 
        $(".likeBtn").on("click", function(e){ // set e in arguments
        
        e.preventDefault(); // use this
        var threadID = $(this).attr("id"); // [...]

相关问题