Не удалось загрузить категорию php и ajax

Question

Я создаю сайт электронной коммерции.Я закончил дизайн части.Во время написания части кода я столкнулся с проблемой не могу отобразить категории внутри <div id="categories"><li><li></div> Я приложил код ниже того, что пытался до сих пор.при отображении категорий внутри тега div ошибка не отображается.

Все категории отображаются внутри этого Div, как список заказов

  <div id="categories">
       <li ><li>
  </div>

Jquery

 function getCategory(){
        $.ajax({
            type: 'GET',
            url: 'all_category.php' ,
            dataType: 'JSON',
            success: function (data) {
             console.log(data);

                $("categories").html(data.catname);

            },
            error: function (xhr, status, error) {
                alert(xhr.responseText);
//
            }

        });
    }

База данных all_category.php

<?php
include("db.php");

$stmt = $conn->prepare("select id,catname,status from category order by id DESC ");
$stmt->bind_result($id,$catname,$status);

if ($stmt->execute()) {
    while ( $stmt->fetch() ) {
        $output[] = array ("id"=>$id, "catname"=>$catname,"status"=>$status);
    }

    echo json_encode( $output );
}
$stmt->close();

?>

Answer 1

Ваш синтаксис jQuery слегка отключен - незначительная проблема с орфографией;

 $("categories").html(data.catname);

должно быть

 $("#categories").html(data.catname);

Редактировать: для решения проблемы небудучи добавленным в ваш список, вам нужно добавить элемент в обработчик успеха вашего ajax:

$.each(data.catname, function(key, value) {
    $("#categories").append('<li>'+ value +'</li>');
});