Как отобразить данные внутри div в html, взятые из json через javascript, используя ul li

Question

JSON-файл

<?php

    $chapter_1 = array ('id' => 1, 'name' => 'SolarOn Elearning Demo Video.', 'total_sections' => 2,
    'sections' => array (array ('id' => 1, 'name' => 'This video explains SolarOn service offerings in brief.', 'video' => 'solaron.flv' ),
        array ('id' => 2, 'name' => 'section-2.', 'video' => "vid3.flv" ) ) );
    $chapter_2 = array ('id' => 2, 'name' => 'Introduction to Social.', 'total_sections' => 3,
    'sections' => array (array ('id' => 1, 'name' => 'section-1.', 'video' => 'vid5.flv' ),
        array ('id' => 2, 'name' => 'section-2.', 'video' => 'vid1.flv' ),
        array ('id' => 3, 'name' => 'section-3.', 'video' => 'vid2.flv' ) ) );

    $array_data = array ('chapters' => array ($chapter_1, $chapter_2 ));

    $json_data = json_encode( $array_data );

    print $json_data;    
?>

Теперь я должен показать все категории и названия разделов, как дерево внутри div в html, используя java-скрипт.

Answer 1

Я предполагаю, что вы используете Ajax для этого. в противном случае вы можете просто вернуть html-список в javascript и использовать innerHTML, чтобы поместить список в div. Подвох в том, что нет необходимости возвращать json, поскольку вы можете вернуть html, за исключением случаев, когда вы получаете json с внешнего сайта.