Javascript PHP读取DB值，JS增加值，AJAX保存到DB，但为什么在刷新页面之前默认为0.0？

我正在制作一个温度目标页面，表单将读取当前目标，允许用户使用Javascript按钮+/-乘以0.5，然后“设置”目标，该目标将获取新值并将其保存回数据库

我有一个工作页面，可以读取DB值并进行设置，但随后会自动恢复为“0.0”作为目标。如果页面被刷新，那么它将显示目标，但有时会将其保存为数据库中的0.0

我很困惑为什么我在这上面花了太长时间，但它让我烦恼！非常感谢您的帮助，谢谢

这是我的密码：

<?php 
    $conn = connect DB stuff here...
    $queryTarget = "SELECT * FROM target;";
    $result2 = $conn->query($queryTarget);
    $conn->close();
        if ($result2->num_rows > 0) {
            while($row = $result2->fetch_assoc()) {
        $target = $row['target'];
      }
    }
?>

<form id="input" method="post" action="">
    Temp <input type="text"  value="<?php echo $target; ?>" name="temp" id="temp"  >
    <input type="button"  id="Up"    value="up" / >
    <input type="button"  id="Down"  value="down"/ >
    <input type="submit" id="submit" value="submit " name="submit">
</form>

<?php
    $conn = connect DB stuff here...
    $temp = $_POST['temp'];
    $updateTarget = "UPDATE target SET target = '";
    $updateTarget = $updateTarget . $temp . "' WHERE id = 1;";

    $result = $conn->query($updateTarget);
    $conn->close();
?>

<script>
    var min = 15,
    max = 25;

    $("#Up").click(function(){
        if($("#temp").val() < 25 && $("#temp").val() >= 15)
            $("#temp").val(Number($("#temp").val()) + 0.5);
    });

    $("#Down").click(function(){
        if($("#temp").val() <= 25 && $("#temp").val() > 15)
            $("#temp").val(Number($("#temp").val()) - 0.5);
    });
</script>
<script>
    $(document).ready(function(){
        $('#submit').click(function(){
            var srt = $("#input").serialize();
            // alert is working perfect
            alert(srt);
            $.ajax({
                type: 'POST',
                url: 'form.php',
                data: srt,
                success: function(d) {
                    $("#input").html(d);
                }
                 return false;
        });
     });
    });

 </script>

温度只需回显此温度值即可

<?php
//$conn = connect DB stuff here...
 $temp = $_POST['temp'];
 or 
 print_r($_POST);
 echo $temp;
 die();
 $updateTarget = "UPDATE target SET target = '";
 $updateTarget = $updateTarget . $temp . "' WHERE id = 1;";

您的javascript函数需要更新

<script>
 $(document).ready(function(){
$('#submit').click(function(){
  var srt = $("#input").serialize();
        // alert is working perfect
        alert(srt);
        $.ajax({
          type: 'POST',
          url: 'form.php',
          data: srt,
          success: function(d) {
            alert(d);
            $("#input").html(d);
          }

        });
        return false;
      });
     });

  </script>


$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var srt=$（“#输入”）.serialize（）；
//警报工作正常
警报（srt）；
$.ajax({
键入：“POST”，
url:'form.php'，
数据：srt，
成功：功能（d）{
警戒（d）；
$（“#输入”）.html（d）；
}
});
返回false；
});
});

如果您找到了正确的数据，那么请检查您的数据库结构是否允许浮动等。我认为它会起作用

你也可以检查这个


<script>
 $(document).ready(function(){
$('#submit').click(function(){
  var srt = $("#input").serialize();
        // alert is working perfect
        alert(srt);
        $.ajax({
          type: 'POST',
          url: 'form.php',
          data: srt,
          success: function(d) {
            alert(d);
            $("#input").html(d);
          }

        });
        return false;
      });
     });

  </script>