10

求大神优化前端js代码

今天已经发过一个帖子了,因为最近发现自己的jsp文件打开后很卡,可能是因为js代码写的太垃圾了,主要就是ajax里面写的重复代码太多了,很感谢中午网友热心的帮我优化,下面这个是js拼接html代码的,感觉这样写太垃圾了,求大神优化下。。。

    //加载客户参课记录
    function loadcankejilu(){
        var content = '';
        $.ajax({
                cache: true,
                type: "POST",
                dataType:'json',
                url:'/hszx/queryCankejilu.do',
                data:{C_ID:$('#currentCID').val()},
                async: false,
                success: function(data) {
                            var content = ' <table class="table table-border table-bordered table-bg table-hover table-sort;">'
                                        +'              <tr>'
                                        +'                  <td colspan="7">'
                                        +'                      <input type = "button" class="btn btn-primary" value = "报名" onclick="baomingpre()"/>'
                                        +'                      <input type = "button" id="baoming" style="display: none"  data-toggle="modal" data-target="#myModal6"/>'
                                        +'                  </td>'
                                        +'              </tr>'
                                        +'              <tr>'
                                        +'                  <th colspan="7"></th>'
                                        +'              </tr>'
                                        +'              <tr>'
                                        +'                  <th>参课人</th>'
                                        +'                  <th>课程名称</th>'
                                        +'                  <th>开课地点</th>'
                                        +'                  <th>报名价格</th>'
                                        +'                  <th>开课时间</th>'
                                        +'                  <th>课程状态</th>'
                                        +'                  <th>报名来源</th>'
                                        +'              </tr>';
                    var dataObj = data;
                    $.each(dataObj,function(index,item){
                        content+='  <tr>'
                                +'      <td>'+item.ct_NAME+'</td>'
                                +'      <td>'+item.sp_NAME+'</td>'
                                +'      <td>'+item.sp_ADDRESS+'</td>'
                                +'      <td>'+item.cp_MONEY+'</td>'
                                +'      <td>'+item.sp_STIME+'</td>'
                                +'      <td>'+item.sp_STATE+'</td>'
                                +'      <td>'+item.si_SIGNSTATE+'</td>'
                                +'  </tr>';
                    })
                    if(dataObj==''){
                        content+='<tr style="height:100px"><td  style="text-align:center;height:100px;" colspan="7">无参课记录<td></tr>';
                    }
                    content+'</table>';
                    $('#ckjl').html(content);
                }
            });
查看全部
qq_21535287
LuckyChend
2017/08/19 08:28
  • java
  • 优化
  • 前端
  • jquery
  • javascript
  • 点赞
  • 收藏
  • 回答
    私信
满意答案
查看全部

10个回复