将数据从json文件加载到引导表＆＃39;详细视图部分

Question

我是JavaScript和JQuery的新手，所以请尽可能清楚。我想更改详细视图的内容，以便在我点击＆＃34; +＆＃34;按钮我希望它加载另一个json文件，该文件与我用于填充表格的json文件不同。

现在，详细视图会显示ID，名称和价格值。我想使用一个单独的json文件来显示卡片值。

http://www.iskencecorbasi.com/site/decks.php ---这是网站 https://jsbin.com/milajikoqi/edit?html,output ---这是代码

我相信这部分需要改变，例如＆＃34;导入这个json文件＆＃34;在$ .each函数启动之前，但不是很确定。

    function detailFormatter(index, row) {
      var html = [];
      $.each(row, function (key, value) {
      html.push('<p><b>' + key + ':</b> ' + value + '</p>');
    });
    return html.join('');
    }   

我想使用json文件，如下所示：

   [
      {
         "card"  : "x"
      },
      {
         "card"  : "y"
      },
      {
         "card"  : "z"
      }
   ] 

因此，当用户点击＆＃34; +＆＃34;按钮查看详细信息他/她将看到相应的卡值。