HTML - конвертировать json в таблицу

Question

Я пытаюсь преобразовать JSON в таблицу, но это не так. Все выглядит нормально, но я не вижу значений в своей таблице.

Мой код, который преобразует JSON в таблицу:

    $(function() {
          var my_data = '';
          $.each(JSON.parse(sonuc.response) , function(key, item){
          my_data += '<tr>';
          my_data += '<td>'+item.kod+'</td>';
          my_data += '<td>'+item.ev + " - " + item.deplasman+'</td>';
          my_data += '<td>'+item.oran+'</td>';
          my_data += '<td>'+item.tahmin+'</td>';
          my_data += '<td>'+item.tur+'</td>';
          my_data += '<td>'+item.tarih+'</td>';
          my_data += '<td>'+item.tarih+'</td>';
          my_data += '</tr>';
          });
         console.log(my_data)
         $('#maclar_table').append(my_data);    
  });

Вывод my_data:

<tr><td>213</td><td>Galatasaray - Fenerbahçe</td><td>3.2</td><td>MS2</td><td>free</td><td>22.03.2019 / 18:00</td><td>22.03.2019 / 18:00</td></tr><tr><td>213</td><td>Galatasaray - Fenerbahçe</td><td>3.2</td><td>MS2</td><td>free</td><td>22.03.2019 / 18:00</td><td>22.03.2019 / 18:00</td></tr><tr><td>213</td><td>Galatasaray - Fenerbahçe</td><td>3.2</td><td>MS2</td><td>free</td><td>22.03.2019 / 18:00</td><td>22.03.2019 / 18:00</td></tr><tr><td>213</td><td>Galatasaray - Fenerbahçe</td><td>3.2</td><td>MS2</td><td>free</td><td>22.03.2019 / 18:00</td><td>22.03.2019 / 18:00</td></tr><tr><td>213</td><td>Galatasaray - Fenerbahçe</td><td>3.2</td><td>MS2</td><td>free</td><td>22.03.2019 / 18:00</td><td>22.03.2019 / 18:00</td></tr>

my JSON Вывод:

Мой стол HTML Код:

         <table class="table" name="maclar_table">
                <thead class=" text-primary">
                  <th>
                    Kod
                  </th>
                  <th>
                    Takımlar
                  </th>
                  <th>
                    Oran
                  </th>
                  <th>
                    Tahmin              
                  </th>
                  <th>
                    Tür
                  </th>
                   <th>
                    Tarih
                  </th>

                  <th>
                    Yetkiler
                  </th>
                </thead>
              </table>

Answer 1

Вы устанавливаете имя для maclar_table, а не идентификатор. $ ("# maclar_table") в jQuery получает элементы с идентификатором maclar_table, а не с именем. Мое предложение для кода в строке 1 вашей таблицы:

<table class="table" name="maclar_table" id="maclar_table">

Это должно сделать работу.