关于一些语法糖写法

最近在开发项目，发现一个问题ajax从后端获取的JSON数据如何填充到表格中，虽然知道遍历的方式，但是效率太差，后面发现有一个语法糖可以使用，可以变得容易许多：

后台传回来的JSON数据，把数据填充到表格但是：

 success: function (res) {
 $("#contentTable tr:gt(0)").remove(); //删除之前的tbody的所有数据

      var body = "";
      //填充数据，给表格
      var data = JSON.parse(res);
      for (var i = 0; i < data.length; i++) {
          //console.log(a[i].sitePhone);
          body += 
              `
              <tr>
              <td style="width: 110px;"><a href="javascript:void(0)" onclick="recharge('${data[i].siteId}')" class="btn btn-success btn-xs btn-success-cz" ><i class="fa"></i>充值</a>
                  <a href="javascript:;" onclick="updatePswd('${data[i].siteId}')" id="${data[i].siteId}" class="btn btn-danger btn-xs"><i class="fa fa-refresh"></i>重置密码</a><br>
              </td>
              <td style="width: 105px;">${data[i].siteId}
              </td>
              <td>${data[i].siteRole}
<br>
                  域名号：${data[i].SubstationName}
              </td>

              <td>
                  微信：${data[i].wechat}<br>
                  QQ：${data[i].qq}
              </td>
              <td>${data[i].siteBalance}
              </td>
              <td>${data[i].siteStatue}
<br/>
<a href="javascript:void(0)" onclick="openDialogUse('${data[i].siteId}','un')" class="btn btn-danger btn-xs">禁用</a>
                  <a href="javascript:void(0)" onclick="openDialogUse('${data[i].siteId}','rn')" class="btn btn-success btn-xs">启用</a>
              </td>
              <td>${data[i].registerTime}
              </td>
              <td>${data[i].lastTime}
              </td>
              <td>
                  <a href="javascript:void(0)" onclick="openDialogUse('${data[i].siteId}','delete')" class="btn btn-danger btn-xs">删除</a>
              </td>
          </tr>
              `
      }
      var tbodyContent = document.getElementById("content-body");
      tbodyContent.innerHTML = body;
  }

关键在于(``)这个符号，它的作用是可以无视回车，以及一些字符串的使用，使开发大大便捷了许多，也是语法糖的好处；