使用Php和Ajax更新Mysql数据库数据

Question

我试图设置一个按钮，单击该按钮时会将固定数字添加到数据库值中。 该数据库称为var_stat ，由id和value 。 该表到目前为止有一行，其中id = var和value = 35 。 如果单击，该按钮应将值加5，使其变为40。

我不确定该怎么做，因为我发现的所有答案都使用了完全不同的方法和字符串而不是整数。 到目前为止，我已经做到了：

if (isset($_POST['n'])){
$n = $_POST['n'] ;
$stmt = $con->prepare('UPDATE var_stat SET value = value + $n WHERE id = ? ');
$stmt->bind_param('s', $id);
$id = "var";
$stmt->execute();
$stmt->close();
}

<script src="js/jQuery-3.4.1.js"></script>
  <script>
   function add(n){ 
    $.ajax({
        type: "POST",
        url: "update.php",
        data: {
            'n' : n
        },
        cache: false,
        success: function(response)
        {
        alert("Record successfully updated");
        }
    });
 }
  </script>

<form>
<input type="button" value="+5" class="btn btn-circle btn-grey col-sm-10" onclick="add(5);">
</form>

如果我将$n update.php中的$n更改$n integer并update.php运行update.php ，那么它可以正常工作，但是我似乎无法通过HTML页面运行它，因此我想我的javascript代码有问题？

Answer 1

还要绑定n ，将id移到绑定语句之前

if (isset($_POST['n'])){
    $n = $_POST['n'] ;
    $id = "var";
    $stmt = $con->prepare('UPDATE var_stat SET value = value + ? WHERE id = ? ');
    $stmt->bind_param('is',$n, $id);
    $stmt->execute();
    $stmt->close();
}