使用ajax获得结果到伟大的可扩展表行

Question

我试图通过添加从现有tabel行之间的ajax获取的json项来创建可扩展表行。

我的问题是我不知道如何迭代这个json，以及如何向行添加值，最后是现有行之间的那些行。

我的表：

Authorization

我的jQuery：

<table class="allComps" style="text-align: center;">
              <tr>
                <th class="">Nimi</th>
                <th class="">Looja</th>
                <th class="">Tähtaeg</th>
                <th class="">Osalejate arv</th>

              </tr>
            <?php
             $n=0;
            foreach(allComps() as $row) {
                echo '<tr id="allCompsRow'.$n.'" onclick="fun(this.id)">
                        <td class="">' . $row['compname'] . '</td>
                        <td class="">' . $row['firstname'] .  " " . $row['lastname'] . '</td>
                        <td class="">' . $row['time_created'] . '</td>
                        <td class="">' . $row['numUsers'] . '</td>
                        <td class="" style="display:none;">'.$row['id'].'</td>

                      </tr>';
                echo '<tr ><td colspan="0"><table class="span" id="span"></table></td></tr>';
                $n++;
            }
            ?>
            </table>

获取结果格式：

window.fun=function(clicked_id){
        var row=document.getElementById(clicked_id);
        var id=row.getElementsByTagName("td");

        $.ajax({
            type: "GET",
            url: "getQuestions.php",
            datatype: "json",
            data:{
                compid:  id[4].innerHTML
            },
            success: function(response){
                for( i=0;i<response.length,i++){
                    if()
                    var newRow='<tr class="span">
                    <td>response</td>'
            }

        });

    }