时间戳

首页 > 解决方案 > 按钮 Onclick 更改值，永久直到下一次单击 Jquery

php - 按钮 Onclick 更改值，永久直到下一次单击 Jquery

问题描述

我正在创建一个购物车，如果用户单击“添加到购物车按钮”，则该按钮应更改为“继续购物”，它应该是永久性的（即使在刷新页面后）。如果再次单击该按钮，它应该变回“添加到购物车”。

我有这段代码，但刷新后它会改变

    <script>
        $('.add').click(function() {
            this.value = 'Continue shopping';
        });
    </script>

我使用 php 作为后端。

标签： phpjquerybuttononclick

解决方案

反映数据库中的变化。尝试在数据库中创建 bool 列并尝试使用 ajax 在数据库中更改它

<script>
$('.add').click(function() {
    this.value = 'Continue shopping';
   $.ajax({
    type: "POST",
     url: "currentfilename.php",
     data: {change:'true'},
  });

});
</script>

PHP 文件

 if(isset($_POST['change']))
{
 $connection= mysqli_connect("localhost","my_user","my_password","my_db");
 $sql="update tablename set colname=1";
 mysqli_query($connection,$sql);
}

HTML文件写入选择查询并获取列并编写以下内容

if($row['col']==1)
{echo"<button type='button'>Continue shopping</button>
 }

推荐阅读