Json foreach 循环正在输出单词对象而不是其内容

Question

我正在尝试通过 json 发送 foreach 循环，然后使用 innerHTML 显示。没有任何错误。我遇到的问题是输出是显示：

[对象对象]

而不是 foreach 循环中的内容。

如何让输出成为foreach 循环内的$html 行？

try {
    $sql_recentProjects = "
        SELECT *
        FROM project_gallery
        ORDER BY date_added ASC
        LIMIT 5
    ";
    if ($recentProjects_stmt = $con->prepare($sql_recentProjects)) {
        $recentProjects_stmt->execute();
        $recentProjects_rows = $recentProjects_stmt->fetchAll(PDO::FETCH_ASSOC);
        $recProj_arr = array();
        foreach ($recentProjects_rows as $recentProjects_row) {
            $precProjName = $recentProjects_row['p_name'];
            $recProjImg = $recentProjects_row['p_img'];
            //$project_img = substr($project_img, 2);
            $displayRecProjImg = '<img src="/php'.$recProjImg.'" alt="'. $precProjAlt .'" class="projectDisplayImg">';
            $html = '';
            $html .= '<div class="recentProjectCont">';
            $html .= '<div class="recentProjectImg">';
            $html .= $displayRecProjImg;
            $html .= '</div>';
            $html .= '<div class="recProjInfoCont">';
            $html .= '<div class="">';
            $html .= $precProjName;
            $html .= '</div>';
            $html .= '</div>';
            $html .= '</div>';
            $recentProjData = array('html' => $html);
            //$proj_arr[] = $data;
        }
    }
}
catch(PDOException $e) {
    echo "Connection failed: " . $e->getMessage();
}
echo json_encode(['recentProjectData' => $recentProjData]);

JS

function ajaxCallCatalogs() {
    $.ajax({
        url: 'php/projects/projectGallerySelect.php',
        datatype: 'json',
        success: function (data) {
            //console.log(data);
            obj = JSON.parse(data);
            recentProjectData = obj.recentProjectData; //Recent 5 Projects submitted to gallery

            document.getElementById('recentProjectWrap').innerHTML = recentProjectData;
        }
    });
}
ajaxCallCatalogs();
setInterval(ajaxCallCatalogs, 150000);

Answer 1

（阅读 OP 的 cmets 以了解我发布此答案的原因）

您有两种选择...最简单但更具限制性的方法是：

try {
    $sql_recentProjects = "
        SELECT *
        FROM project_gallery
        ORDER BY date_added ASC
        LIMIT 5
    ";
    if ($recentProjects_stmt = $con->prepare($sql_recentProjects)) {
        $recentProjects_stmt->execute();
        $recentProjects_rows = $recentProjects_stmt->fetchAll(PDO::FETCH_ASSOC);
        $recProj_arr = array();
        $html = '';  // MOVE THIS OUTSIDE THE LOOP
        foreach ($recentProjects_rows as $recentProjects_row) {
            $precProjName = $recentProjects_row['p_name'];
            $recProjImg = $recentProjects_row['p_img'];
            //$project_img = substr($project_img, 2);
            $displayRecProjImg = '<img src="/php'.$recProjImg.'" alt="'. $precProjAlt .'" class="projectDisplayImg">';
            $html .= '<div class="recentProjectCont">';
            $html .= '<div class="recentProjectImg">';
            $html .= $displayRecProjImg;
            $html .= '</div>';
            $html .= '<div class="recProjInfoCont">';
            $html .= '<div class="">';
            $html .= $precProjName;
            $html .= '</div>';
            $html .= '</div>';
            $html .= '</div>';
            //$proj_arr[] = $data;
        }
        // SET THIS AFTER YOU GET ALL ROWS INTO THE STRING
        $recentProjData = array('html' => $html);
    }
}
catch(PDOException $e) {
    echo "Connection failed: " . $e->getMessage();
}
echo json_encode(['recentProjectData' => $recentProjData]);

或者，您可以这样做，这将真正将行分成更多可消耗的数据，但这意味着您需要重新编码您的 JS 以正确输出它（通过 JS 循环数据）：

try {
    $sql_recentProjects = "
        SELECT *
        FROM project_gallery
        ORDER BY date_added ASC
        LIMIT 5
    ";
    if ($recentProjects_stmt = $con->prepare($sql_recentProjects)) {
        $recentProjects_stmt->execute();
        $recentProjects_rows = $recentProjects_stmt->fetchAll(PDO::FETCH_ASSOC);
        $recProj_arr = array( 'html' => array() );  // SET UP THE ARRAY
        foreach ($recentProjects_rows as $recentProjects_row) {
            $precProjName = $recentProjects_row['p_name'];
            $recProjImg = $recentProjects_row['p_img'];
            //$project_img = substr($project_img, 2);
            $displayRecProjImg = '<img src="/php'.$recProjImg.'" alt="'. $precProjAlt .'" class="projectDisplayImg">';
            $html = '';
            $html .= '<div class="recentProjectCont">';
            $html .= '<div class="recentProjectImg">';
            $html .= $displayRecProjImg;
            $html .= '</div>';
            $html .= '<div class="recProjInfoCont">';
            $html .= '<div class="">';
            $html .= $precProjName;
            $html .= '</div>';
            $html .= '</div>';
            $html .= '</div>';
            $recentProjData['html'][] = $html; //ADD TO THE ARRAY, INSTEAD OF OVERWRITING IT
            //$proj_arr[] = $data;
        }
    }
}
catch(PDOException $e) {
    echo "Connection failed: " . $e->getMessage();
}
echo json_encode(['recentProjectData' => $recentProjData]);