HTML页面局部重新加载

使用：document.getElementById(".....").innerHTML=需要加载的HTML

//var $mainDiv = $("#projectList");
  var htmlInfo = '';
  for (var i = 0; i < json.length; i++) {
    htmlInfo += "<tr><td>";
    htmlInfo += json[i].list;//项目列表
    htmlInfo += "</td><td>";
    htmlInfo += json[i].name;//项目名称
    htmlInfo += "</td><td>";
    htmlInfo += json[i].info;// 项目描述
    htmlInfo += "</td><td>";//url信息
    htmlInfo += "<div class='col-lg-2 col-sm-6 col-md-6 col-xs-12'> <a href='#' class='btn btn-danger pull-right m-l-20 btn-rounded btn-outline btn-sm hidden-xs hidden-sm waves-effect waves-light'>修改</a></div>";//操作
    htmlInfo += "<div class='col-lg-2 col-sm-6 col-md-6 col-xs-12'> <a href='#' class='btn btn-danger pull-right m-l-20 btn-rounded btn-outline btn-sm hidden-xs hidden-sm waves-effect waves-light'>删除</a></div>";
    htmlInfo += "</td></tr>";
  }
  //$mainDiv.append(htmlInfo);//将HTML内容拼接，无法实现局部加载
    document.getElementById('projectList').innerHTML=htmlInfo