开发者社区> 问答> 正文

js中使用append在ajax从serlvet获得json数据后,将json输出以html格式输出

在div的id为TABLE中输出表格,第一个append能够正确实现,
但是第二个append不能实现我想要的效果,
screenshot
没有将值正确的放入表格中,但是我看不出代码的问题,将代码不使用循环append直接放入第一个中也是正确的。
要怎么样才能达到值都在表格里的效果。

$('#table').append("<table border='1' width='100%'><tr>"
                +"<td align='center'>流水号</td>"
                +"<td align='center'>消费地</td>"
                +"<td align='center'>总金额</td>"
                +"<td align='center'>时间</td>");
                for(var m=0;m<data.length;m++){
                    $('#table').append("<tr>");  
                    $('#table').append("<td><a href='#' onclick='alertWin("+data[m].Cno+");'>"+data[m].Cno+"</a></td>");  
                    $('#table').append("<td>"+data[m].Cplace+"</td>");
                    $('#table').append("<td>"+data[m].Csum+"</td>");
                    $('#table').append("<td>"+data[m].Ctime+"</td>");
                    $('#table').append("</tr>");
                }
                $('#table').append("/<table>");

展开
收起
小旋风柴进 2016-03-18 08:44:28 2208 0
1 条回答
写回答
取消 提交回答
  • 你把你想要append的内容先用变量处理拼接,最后append那个变量就可以了
    类似:

     var text="<table border='1' width='100%'><tr>"+"<td align='center'>流水号</td>";
     for(var m=0;m<data.length;m++){
                        text+="<tr>";  
                        ……
                                            text+="</tr>";  
                    }
                    $('#table').append(text);
    2019-07-17 19:05:45
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载