为什么我的 php 代码没有在表单提交时触发？

Question

我会解释我的代码，然后在代码sn-ps之后继续解决问题：

我有一个名为“functions_questions”的表单。提交后，以下代码会根据当前分数增加或减少我的 sql 数据库（标题为“答案”）中的一列（标题为“分数”）。

<?php  
    $id = $_SESSION['id'];

    if(isset($_POST['functions_question'])){

    $res = $db->query("SELECT score FROM answers WHERE id=$id");
    $data = $res->fetch_array();

    if($data['score']<2)$db->query("UPDATE answers SET score = score+1 WHERE id=$id");

    if($data['score']>1)$db->query("UPDATE answers SET score = score-1 WHERE id=$id");

  }

?>

我还有以下 AJAX 代码，它会在提交表单时自动更改 div (id = "ajaxtest") 中的文本。当然，这样做不会刷新页面，因为它使用 AJAX。

<script type='text/javascript'>

$(document).ready(function () {
$('#questionform').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
        url : $(this).attr('action') || window.location.pathname,
        type: "POST",
        data: $(this).serialize(),
        success: function (data) { 

ajaxtest.innerHTML = '"<?php echo $data['score']; ?>"';

            },
        });
    });
});
</script>

最后，我有以下代码，它显示了标题为“答案”的数据库中标题为“分数”的列中的值。

<?php
$resss = $db->query("SELECT * FROM answers WHERE id=$id");
$data = $resss->fetch_array();
var_dump($data['score']);
?>

当我提交表单时，我可以作为管理员在数据库中看到分数已更新。 AJAX 代码将 div (ajaxtest) 更改为 $data['score']，但它显示更新之前的前一个分数，而不是新更新的分数。如何修改它以便 ajaxtest 显示更新的分数而不是未更新的分数？

Answer 1

只需使用以下代码更改您的 PHP 代码：-

<?php  
    $id = $_SESSION['id'];

    if(isset($_POST['functions_question'])){

        $res = $db->query("SELECT score FROM answers WHERE id=$id");
        $data = $res->fetch_array();

        if($data['score']<2)$db->query("UPDATE answers SET score = score+1 WHERE id=$id");

        if($data['score']>1)$db->query("UPDATE answers SET score = score-1 WHERE id=$id");

        $res = $db->query("SELECT score FROM answers WHERE id=$id");
        $data = $res->fetch_array();

    }

?>

也许对你有帮助。

我只是在更新新记录后得到分数。

Answer 2

嗯，这是因为声明 ajaxtest.innerHTML = '"<?php echo $data['score']; ?>"'; 在文件被提供后立即被评估，因此转换为 ajaxtest.innerHTML = <score when file was served>';。

如果您想显示新值，则必须使用另一个异步请求（通常称为 AJAX 调用）来检索它，或者在负责管理调用并通过数据参数：

编辑

JS：

$(document).ready(function () {
    $('#questionform').on('submit', function(e) {
        e.preventDefault();
        $.ajax({
            url : $(this).attr('action') || window.location.pathname,
            type: "POST",
            data: $(this).serialize(),
            success: function (data) { 
                ajaxtest.innerHTML = data;
            },
        });
    });
});

PHP：

<?php
    $id = $_SESSION['id'];

    if(isset($_POST['functions_question'])){

        $res = $db->query("SELECT score FROM answers WHERE id=$id");
        $data = $res->fetch_array();

        if($data['score'] < 2)
            $db->query("UPDATE answers SET score = score+1 WHERE id=$id");

        if($data['score'] > 1)
            $db->query("UPDATE answers SET score = score-1 WHERE id=$id");
        $res = $db->query("SELECT score FROM answers WHERE id=$id");
        $data = $res->fetch_array();

        echo $data['score'];
    }

是这样的：

1. 提供文件并评估其中的所有 PHP 语句，向客户端发送响应
2. 对服务器的 AJAX 请求
3. 服务器处理请求
4. AJAX 接收响应（数据）
5. 您使用响应数据

您可以通过启用开发人员工具（通常是 ctrl+shift+i）并在“网络”选项卡中启用 XHR 来检查 Chrome 中的 AJAX 请求的结果。