javascript - 从 html 获取 php 生成的 json

Question

我在 html 文件中有一个表单，它将数据发送到 php 文件。该 php 文件从数据库中进行选择，将结果转换为 json 文件并将其发送回 html 文件。

我想知道如何从php获取json；我确实得到了回复(从检查菜单中的网络选项卡)，但我不知道如何获取它(回显/警报/用它制作图表)。提前致谢!

这是我发送数据的代码:

<script type="text/javascript">
    $( function() {
        $( ".datepicker" ).datepicker({
            minDate: new Date(2015, 8 - 1, 25),
            maxDate: "0"
        });
    });

$(function () {
    // On form's submit, takes both input's values...
    $('form').on('submit', function (e) {
        var from = $("#from").val();
        var to = $("#to").val();
        // ...to compare them and displays an error if "to" is smaller than "from"
        if(Date.parse(from) > Date.parse(to)){
            alert("Invalid Date Range");
        }
        else{
            e.preventDefault();
            $.ajax({
                type: 'post',
                url: 'classes/Select.php',
                data: $('form').serialize(),
                success: function () {
                    alert('data sent');
                }
            });
        }
    });
});
</script>

这是生成 json 的 php 部分(省略了所有 mysql 部分等):

while ($arr = $query->fetch(PDO::FETCH_ASSOC)) {
    echo json_encode($arr);

Answer 1

由于您在 php 中使用循环，因此创建一个数组来保存结果，当循环完成时，使用 json_encode 回显结果；

$results = [];
while ($arr = $query->fetch(PDO::FETCH_ASSOC)) {
    $results[] = $arr;
}
echo json_encode($results);

然后在你的 JavaScript 中

    $.ajax({
       type: 'post',
       url: 'classes/Select.php',
       data: $('form').serialize(),
       success: function(data) {
           var results = JSON.parse(data); // convert the results to json
           console.log(results);
       }
   });