javascript - 将行添加到表主体时出错

Question

这是我的代码。 我的问题与 for 循环内的追加函数有关。传递给函数的字符串未正确解析，并且我收到错误。我该如何纠正这个问题？

谢谢!

function getDetailPopUp(detailBy)
{
   $.getJSON('/index.cfm/reports/productivity/getDetailPopUp', {
    rollUpType:'byUser'

}, function(result){

for (i=1;i<=result.length;i++)
    {
        $('#detailTable > tbody:last').append('<tr><td>'+ result[i][0]+ '</td><td>'+                       
        result[i]][1]+ '</td><td>'+ result[i][2]+'</td><td>'+result[i][3]+ '</td>                    
         <td>'+result[i][4]+'</td><td>'+result[i][5]+'</td><td>'+result[i][6]+'
          </td><td>'+result[i][7]+'</td><td>'+result[i][8]+ '</td></tr>');
}   

$("#details").fadeIn();

});

}       




<div id="details" width=80%>

<table id="detailTable"  style="height:100px; overflow:scroll">

            <thead>
                <th>Calls</th>
                <th>Col2</th>
                <th>Col3</th>
                <th>Col4</th>
                <th>Col5</th>
                <th>Col6</th>
                <th>Col7</th>
                <th>Col8</th>
                <th>Col9</th>
            </thead>
            <tbody>         
            </tbody>      
</table>    
</div>

Answer 1

The string passed to the function isn't parsing correctly, and I am getting an error.

字符串内不能有换行符:

$('#detailTable > tbody:last').append('<tr><td>'+ result[i][0]+ '</td><td>'+                       
     result[i]][1]+ '</td><td>'+ result[i][2]+'</td><td>'+result[i][3]+ '</td>                    
-->  <td>'+result[i][4]+'</td><td>'+result[i][5]+'</td><td>'+result[i][6]+'
     </td><td>'+result[i][7]+'</td><td>'+result[i][8]+ '</td></tr>');

您有 result[i]][1]，还有一个额外的 ]。

这会起作用:

$('#detailTable > tbody:last').append(
    '<tr><td>'+ result[i][0]+ '</td><td>'+                       
    result[i][1]+ '</td><td>'+ result[i][2]+'</td><td>'+result[i][3]+ '</td>'+                   
    '<td>'+result[i][4]+'</td><td>'+result[i][5]+'</td><td>'+result[i][6]+
    '</td><td>'+result[i][7]+'</td><td>'+result[i][8]+ '</td></tr>'
);

尽管为了可读性，你最好这样做:

$('#detailTable > tbody:last').append(
    '<tr>' +
    '<td>' + result[i][0] + '</td>' +
    '<td>' + result[i][1] + '</td>' +
    '<td>' + result[i][2] + '</td>' +
    '<td>' + result[i][3] + '</td>' +
    '<td>' + result[i][4] + '</td>' +
    '<td>' + result[i][5] + '</td>' +
    '<td>' + result[i][6] + '</td>' +
    '<td>' + result[i][7] + '</td>' +
    '<td>' + result[i][8] + '</td>' +
    '</tr>'
);