表行未显示在 tbody 标记内

Question

I am looking to insert rows to the table but The rows are echoed but not displayed inside the table.

The HTML code of the project is:

<div class="container">
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>SN</th>
                <th>Category</th>
                <th>Parent</th>
                <th>Status</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody id="displayCategory">               
            </tbody>
        </table>
</div>

The main.js file of the project is: It fetches data from the PHP file below:

$(document).ready(function () {
manageCategory();
function manageCategory(){
    
    $.ajax({
      url: DOMAIN + "/includes/process.php",
      method: "POST",
      data: { manageCategory: 1 },
      success: function (data) {
        $("#displayCategory").html(data);
        alert(data);
        console.log(data);
      }
    })
  };
}

PHP code of the project is:

<?PHP
if (isset($_POST["manageCategory"])) {
    $m = new Manage();
    $result = $m->manageTableWithPagination('pdcts_categories', 1);
    $rows = $result['rows'];
    $pagination = $result['pagination'];
    if (count($rows) > 0) {
        foreach ($rows as $row) {
            $n = 0;
            ?>
                <tr>
                    <td><?php echo ++$n; ?></td>
                    <td><?php echo $row["Category"]; ?></td>
                    <td><?php echo $row["Parent"]; ?></td> 
                    <td>
                        <a href="#" class="btn btn-success btn-sm"> Active </a>
                    </td>
                    <td>
                        <a href="#" class="btn btn-info btn-sm"> Edit </a>
                        <a href="#" class="btn btn-danger btn-sm"> Delete </a>
                    </td>
                </tr>
            <?php
        }?>
        <!-- <tr><td colspan="5"><?php echo $pagination; ?></td></tr> -->
    <?php exit(); }
}?>

Answer 1

Try appending data (insted of html ) like so:

$("#displayCategory").append(data);

note: check in the console that your php code is returning valid html ( <tr> data)