Невозможно загрузить данные JSON в HTML

Question

Я пытаюсь вставить данные файла JSON в HTML-таблицу, но я не знаю, в чем проблема. Я делюсь своим кодом JavaScript и делюсь файлом JSON. Пожалуйста, посмотрите код один раз

javascript

<script>
 function display() {
    $(function() {
       $.getJSON('my.json', function(data) {
         $.each(data.courselist , function(i, f) {

           var tblRows = "<tr>" + "<td>" + "Name" + "</td>" + "<td>" + f.categoriesId + "</td>" + "</tr>" + "<tr>" + "<td>" + "Info" + "</td>" + "<td>" + f.shortName + "</td>" + "</tr>";
           $(tblRows).appendTo("#category tbody");
     });
   });
});

}
</script>

{"success":true,"courselist":{"categoriesId":[],"shortName":"Geography Environment & Ecology"}}

Answer 1

Вы неправильно обрабатываете JSON, пожалуйста прочитайте это и посмотрите фрагмент:

var data = {"success":true,"courselist":{"categoriesId":[],"shortName":"Geography Environment & Ecology"}};
$.each(data.courselist , function(key, val) {
       var tblRows = "<tr>" + "<td>" + key + "</td>" + "<td>" + val + "</td>" + "</tr>";
       //$(tblRows).appendTo("#category tbody");
       console.log(tblRows);
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>