【邮箱运用】接收后端表格数据 通过js修改html

javaScript 函数 可用于ajax的success匿名函数内

function showData(result) {
    var str = "";//定义用于拼接的字符串
    for (var i = 0; i < result.length; i++) {
        //拼接表格的行和列
        str = "<tr class='mainFormCtn' height='50px'><td><input type='checkbox'></td><td>" + result[i].isRead + "</td><td>" + result[i].addresser
         + "</td><td>" + result[i].receiveTime + "</td><td>" + result[i].emailTitle + "</td><td>" + result[i].textPreview + "</td></tr>";
        //追加到mainForm中（表格）
        $(".mainForm").append(str);    
     }
}

html

 <table class="mainForm">
                <tr class="mainFormTh" height="50px">
                    <th width="50px">选择</th>
                    <th width="100px">是否已读</th>
                    <th width="100px">发件人</th>
                    <th width="150px">接收时间</th>
                    <th width="150px">主题</th>
                    <th width="400px">内容预览</th>
                </tr>
</table>