关于JS中拼html代码

关于JS中拼html代码，自己看了许多示例，都很复杂。自己总结了入门示例，低端货，大神勿喷！

应用场景：ssm中调用API接口，在前端显示在table中。

1、首先在html中创建一个table

<table id ="wrap" class="main" cellspacing="1"cellpadding="1" border="1" >

</table>

注：<button type="button" class="btu1" style="" id="lingqu_btn">提交</button>  （这个是点击事件）

2、$('#lingqu_btn').click(function(){}).on( 'click', function () {
            var sn=$("#sn").val();
            var code=$("#code").val();
            var type=$("#type").val();         （此处是在前端去输入值）
            var data = "{'sn':'"+sn+"','code':'"+code+"','type':'"+type+"'}";   （拼接为data，传后台）
                 $.ajax({                 (ajax调用接口)
                    type: "POST",
                    url: "**API接口**",
                    contentType:"application/x-www-form-urlencoded; charset=UTF-8",
                    dataType:"json",
                    data: {"data":data},  
                    success: function (callbackData) { (如果成功的话，进行拼接table)
                              if (callbackData.retcode == 0 && callbackData.errcode == 0) {   （判断是否成功，没有可以去掉）

                （我是 通过status的状态来显示不同的table ）

                                if(type=="status"){

                var dataStatus = callbackData.data;

                 $("#result").text(dataStatus.data);

                **********append() 方法在被选元素的结尾（仍然在内部）插入指定内容。************

                (“wrap”这个是table的ID。 通过id，在table后拼table中的代码。从而显示完成的table)

                $("#wrap").append("<tr>"
        +"<td>sn</td>"
        +"<td>idc</td>"
        +"<td>剩余电量</td>"
        +"<td>续航里程</td>"
        +"<td>发动机状态</td>"
        +"<td>左前门</td>"
        +"<td>右前门</td>"
        +"<td>左后门</td>"
        +"<td>右后门</td>"
        +"<td>中控锁</td>"
        +"<td>大灯状态</td>"
        +"<td>充电状态</td>"
        +"<td>当前里程</td>"
        +"<td>电压</td>"