如何操作DOM（DataTable）？咨询年度数据展开功能实现

最近我在开发一个向用户展示年度数据汇总的项目，目前完成的核心功能和实现逻辑如下：

• 页面默认展示每年的总行数（也就是统计的数据总量）作为汇总信息
• 点击每条年度数据旁的“+”图标，就能查看对应年份的详细数据汇总（比如点2013年就能看到当年的具体数据统计）

前端交互实现 #

点击“+”图标时会触发view_data(year)函数，通过AJAX请求后端接口获取对应年份的详细数据，代码如下：

function view_data(year) {
  $.ajax({
    url: "data_summary_year.php",
    type: "POST",
    data:'&year='+year,
    success: function(response) {
      // console.log(response);
      $('#text-inputs').removeClass('hidden');
      document.getElementById("show_year_data").innerHTML = response;
      document.getElementById("year_show").innerHTML = year;
    }
  });
}

后端接口代码片段（data_summary_year.php） #

负责接收前端传过来的年份参数，从数据库查询对应数据，目前的代码框架如下：

<?php
require_once "../database/db.php";
$year = $_POST['year'];
$db_handle = new DBCon...

注：DBCon是项目里自定义的数据库连接类，接下来会基于这个实例执行年份对应的查询逻辑，把查询到的详细数据格式化后返回给前端。

内容的提问来源于stack exchange，提问作者sam