如何从数据库中检索 PHP 值并使用 AJAX 在页面上进行更新

Question

我有一个投票功能，它使用AJAX提交用户投票并更新数据库，而无需刷新页面。到目前为止，一切都很好。但我也想从数据库中检索更新的值，并在页面上更新它。

我已经将第二个AJAX请求嵌套在我的第一个请求中。第二个请求调用文件new_values.php该文件获取最新值并将其放入数组中，并返回为 JSON，如下所示

     $new_vals = array(

        'new_total' => $new_total,

        'poll_option_1_val' => $poll_option_1_val,

        'poll_option_2_val' => $poll_option_2_val,

     );

    echo json_encode($new_vals);

下面是Ajax请求 - 第一个请求可以很好地更新数据库，但内部AJAX请求不起作用。在下面的示例中，我尝试使用 alert 来显示new_total值，但没有任何反应

$(function () { // SUBMIT FORM WITH AJAX

    $('#poll-form').on('submit', function (e) { //on form submit

        e.preventDefault(); // prevent default behaviour

        if($("form")[0].checkValidity()) { // check if the form has been validated

        $.ajax({ // submit process

            type: 'post',

            url: 'vote-process.php',

            data: $('form').serialize(),

            success: function () {

                $('#vote_submitted').modal('show');

                $("input").attr("disabled", "disabled");

                $("textarea").attr("disabled", "disabled");

                $("#vote_button").attr("disabled", "disabled");

                $("#vote_button").text("Vote submitted");

                $.ajax({

                    url : 'new_values.php',

                    type : 'POST',

                    data : data,

                    dataType : 'json',

                    success : function (result) {

                      alert(result['new_total']);

                    },

                    error : function () {

                       alert("error");

                    }

                });

            },

            error: function() { 

                $('#error').modal('show');

            }     

        });

        return false;

      } else { // if the form is not valid

        console.log("invalid form");

      }

    });

});

这让我发疯。任何帮助将不胜感激！

Answer 1

第二个Ajax数据：数据会给你这个问题需要传递正确的参数$.ajax({         url : 'new_values.php',         type : 'POST',         data : {data_return:'yes'},         dataType : 'json',         success : function (result) {            alert(result['new_total']);         },         error : function () {            alert("error");         }    });