如何正确循环我的 JSON 结果？答案

【问题标题】：How to correctly loop over my JSON result?如何正确循环我的 JSON 结果？
【发布时间】：2015-08-16 10:44:54
【问题描述】：

我正在构建一个在线 Web 应用程序，学生可以在其中注册多个研讨会。当学生从下拉列表中选择一个研讨会时，我会发出一个 AJAX 请求以从我的数据库中选择研讨会的详细信息。为了连接/查询我的数据库，我使用 PHP PDO。

ajax.handler.js

 $("#trainingDropDown").change(function() {
       var dropDownValue = $(this).val();
       $(".accordion").empty();

        $.ajax({
            type: "POST",
            data: {
                trainingName: dropDownValue
            },
            url: "pages/display_trainingen.php",
            dataType: "json",
            async: true,
            success: function(data) {
                alert(data);
            }
        });
});

当我提醒数据时，我得到[object Object],[object Object]

display_trainingen.php

<?php
    require_once ("../classes/DBConnection.class.php");
    $dbConnection = new DatabaseConnection();

    $selectDetails = $dbConnection->dbConnection->prepare("SELECT idTraining, REPLACE(trainingName, ' ','') AS trainingName, DATE_FORMAT(trainingDay,'%d-%m-%Y') trainingDay, trainingStartTime, trainingEndTime, trainingClassRoom, trainingInfo FROM tbl_trainings WHERE trainingName = :trainingName");
    $selectDetails->bindParam(":trainingName", $_POST["trainingName"]);
    $selectDetails->execute();
    $selectDetailsArray = $selectDetails->fetchAll(PDO::FETCH_ASSOC);

    $jsonResult = json_encode($selectDetailsArray);
    echo $jsonResult;
?>

结果 JSON

[
    {
        "idTraining": "1",
        "trainingName": "Meerzelfvertrouwen",
        "trainingDay": "06-01-2015",
        "trainingStartTime": "09:00:00",
        "trainingEndTime": "11:00:00",
        "trainingClassRoom": "A0.040",
        "trainingInfo": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue"
    },
    {
        "idTraining": "2",
        "trainingName": "Meerzelfvertrouwen",
        "trainingDay": "12-01-2015",
        "trainingStartTime": "09:00:00",
        "trainingEndTime": "11:00:00",
        "trainingClassRoom": "A0.041",
        "trainingInfo": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue"
    }
]

我的问题是如何遍历我的 JSON 结果，以便获得一个不错的<ul>，其中包含每个 JSON 对象的所有值？您对我的代码有任何建议，我很想听听！ :)

【问题讨论】：

标签： php jquery ajax json pdo

【解决方案1】：

返回的数据会为您序列化回一个数组，因此可以使用标准的for 循环对其进行迭代。从那里，您可以使用标准的 jQuery 方法来创建 ul 和 li 元素：

success: function(data) { 
    for (var i = 0; i < data.length; i++) {
        var $ul = $('<ul />');
        $('<li />', { text: data[i].idTraining }).appendTo($ul);
        $('<li />', { text: data[i].trainingName }).appendTo($ul);
        $('<li />', { text: data[i].trainingDay }).appendTo($ul);
        $('<li />', { text: data[i].trainingStartTime }).appendTo($ul);
        $('<li />', { text: data[i].trainingEndTime }).appendTo($ul);
        $('<li />', { text: data[i].trainingClassRoom }).appendTo($ul);
        $('<li />', { text: data[i].trainingInfo }).appendTo($ul);
        $ul.appendTo('#myContainer');
    }
}

Example fiddle

【讨论】：