Javascript 加载多个JSON文件作为引导表条目

我是javascript新手，我会请求帮助加载多个JSON文件以填充引导表

我可以通过手动将文件内容合并到单个变量

列表中来生成一个表：

$(document).ready(function () { 
  $('table').bootstrapTable({ 
    data: JSON.parse(list) 
  }); 
});

如何扩展此代码以加载多个文件？
考虑到我需要读取一个特定文件夹中包含的所有JSON文件（未知文件和文件名）.< /P> 
在香草JS中，读取文件的程度是当文件作为输入传递时，即
引述：

重要提示：FileReader用于从中读取文件内容
仅以安全方式使用用户（远程）系统。它不能用于
只需从文件系统中按路径名读取文件。读取文件
在JavaScript中，应该使用标准Ajax解决方案来实现
服务器端文件读取，读取时具有CORS权限
跨域

如果是一个选项，考虑使用NoDE.js来访问FS库。
为此，最好使用：


数据源1
数据源2
数据源3
身份证件
项目名称
项目价格
//指向数据源的URL
var data1='json/data1.json'；
var data2='json/data2.json'；
var data2='json/data3.json'；
让selectedData=''；
$（函数（）{
//在这里切换数据源
$（'#data1'）。单击（函数（）{
selectedData=data1；
$（“#表”）.bootstrapTable（'refresh'）；
})
$（'#data2'）。单击（函数（）{
selectedData=data2；
$（“#表”）.bootstrapTable（'refresh'）；
})
$（'#data3'）。单击（函数（）{
selectedData=data3；
$（“#表”）.bootstrapTable（'refresh'）；
})
})
//您的自定义ajax请求在这里
函数ajaxRequest（参数）{
$.get（selectedData）。然后（函数（res）{
参数成功（res）
})
}
您希望如何“加载多个文件”？
<div id="toolbar">
  <button id="data1" class="btn btn-secondary">Data source 1</button>
  <button id="data2" class="btn btn-secondary">Data source 2</button>
  <button id="data3" class="btn btn-secondary">Data source 3</button>
</div>
<table
  id="table"
  data-toggle="table"
  data-toolbar="#toolbar"
  data-show-columns="true"
  data-pagination="true"
  data-side-pagination="server"
  data-ajax="ajaxRequest">
  <thead>
    <tr>
      <th data-field="id" data-sortable="true">ID</th>
      <th data-field="name" data-sortable="true">Item Name</th>
      <th data-field="price" data-sortable="true">Item Price</th>
    </tr>
  </thead>
</table>
<script>

  // urls to your data sources
  var data1 = 'json/data1.json'; 
  var data2 = 'json/data2.json'; 
  var data2 = 'json/data3.json'; 
  
  let selectedData = ''; 
  
  $(function() {
    // switch you data source here
    $('#data1').click(function() {
      selectedData = data1;
      $('#table').bootstrapTable('refresh');
    })

    $('#data2').click(function() {
      selectedData = data2;
      $('#table').bootstrapTable('refresh');
    })

    $('#data3').click(function() {
      selectedData = data3;
      $('#table').bootstrapTable('refresh');
    })
  })
 
  // your custom ajax request here
  function ajaxRequest(params) {
    $.get(selectedData).then(function (res) {
        params.success(res)
    })
  }
</script>