如何在 HTML 表中显示 JSON 数据

{
  "cache": true,
  "data": [
    {
      "unique_id": "958717",
      "description": "Central Zone (Bangladesh) 30 * v North Zone (Bangladesh) 378/10 ",
      "title": "Central Zone (Bangladesh) 30 * v North Zone (Bangladesh) 378/10 "
    },
    {
      "unique_id": "958715",
      "description": "South Zone (Bangladesh) v East Zone (Bangladesh) 373/8 *",
      "title": "South Zone (Bangladesh) v East Zone (Bangladesh) 373/8 *"
    },
    {
      "unique_id": "895971",
      "description": "Victoria v New South Wales 218/6 *",
      "title": "Victoria v New South Wales 218/6 *"
    },
    {
      "unique_id": "895969",
      "description": "South Australia 206/4 * v Tasmania 91/10 ",
      "title": "South Australia 206/4 * v Tasmania 91/10 "
    },
    {
      "unique_id": "895967",
      "description": "Queensland 147/10  v Western Australia 32/2 *",
      "title": "Queensland 147/10  v Western Australia 32/2 *"
    },
    {
      "unique_id": "971711",
      "description": "Mumbai Cricket Association XI v South Africa",
      "title": "Mumbai Cricket Association XI v South Africa"
    },
    {
      "unique_id": "951375",
      "description": "India Women v Bangladesh Women",
      "title": "India Women v Bangladesh Women"
    },
    {
      "unique_id": "951329",
      "description": "India v New Zealand",
      "title": "India v New Zealand"
    },
    {
      "unique_id": "951377",
      "description": "New Zealand Women v Sri Lanka Women",
      "title": "New Zealand Women v Sri Lanka Women"
    }
  ],
  "provider": {
    "pubDate": "2016-03-15T06:46:03.424Z",
    "source": "http://www.cricinfo.com/",
    "url": "http://crm.wherrelz.com/"
  }
}

我有这个 json 数据。我想在 HTML 表中显示每个匹配项的标题和描述。我使用了json_decode php 方法，它为我提供了这个：

array（3） { ["cache"]=> bool（true） ["data"]=> array（9） { [0]=> array（3） { ["unique_id"]=> string（6） "958717" ["description"]=> string（64） "Central Zone （Bangladesh） 30 * v North Zone （Bangladesh） 378/10 " ["title"]=> string（） 64） "中央区（孟加拉国）30 * v 北区（孟加拉国）378/10 " } [1]=> 数组（3） { ["unique_id"]=> 字符串（6） "958715" ["描述"]=> 字符串（56） "南区（孟加拉国）v 东区（孟加拉国

） 373/8 *" ["标题"]=> 字符串（56） "南区（孟加拉国）v 东区（孟加拉国） 373/8 *" } [2]=> array（3） { ["unique_id"]=> 字符串（6） "895971" ["description"]=> 字符串（34） "Victoria v New South Wales 218/6 *" ["title"]=> string（34） "Victoria v New South Wales 218/6 *" } [3]=> array（3） { ["unique_id"]=> string（6） 895969" " ["描述"]=> 字符串（41） "南澳大利亚 206/4 * v 塔斯马尼亚 91/10 " ["标题"]=> 字符串（41） "南澳大利亚 206/4 * v 塔斯马尼亚 91/10 " } [4]=> 数组（3） { ["unique_id"]=> 字符串（6） "895967" ["描述"]=> 字符串（45） "昆士兰 147/10 v西澳大利亚 32/2 *" ["标题"]=> 字符串（45） "昆士兰 147/10 v 西澳大利亚 32/2 *" } [5]=> 数组（3） { ["unique_id"]=> 字符串（6） "971711" ["描述"]=> 字符串（44） "孟买板球协会 XI v 南非" ["标题"]=> 字符串（44） "孟买板球协会 XI v 南非" } [6]=> 数组（3） { ["unique_id"]=> 字符串（6） "951375" ["描述"]=> 字符串（30） "印度 女子 v 孟加拉国 女子" ["标题"]=> 字符串（30） "印度 女子 v 孟加拉国 女子" } [7]=> 数组（3） { ["unique_id"]=> 字符串（6） "951329" ["描述"]=> 字符串（19） "印度 v 新西兰" ["标题"]=> 字符串（19） "印度 v 新西兰" } [8]=> 数组（3） { ["unique_id"]=> 字符串（6） "951377" ["描述"]=> 字符串（35） "新西兰 女子 v 斯里兰卡 女子" ["标题"]=> 字符串（35） "新西兰 女子 v 斯里兰卡 女子" } } ["提供者"]=> 数组（3） { ["pubDate"]=> 字符串（24） "2016-03-15T06： 46：03.424Z" ["源"]=> 字符串（24） "http://www.cricinfo.com/" ["url"]=> 字符串（24） "http://crm.wherrelz.com/" } }

但是现在如何在 html 表中获取每场板球比赛的标题和描述。请帮我解决这个问题。

<div id="div1"> </div>

var datarecord=[
{
  "unique_id": "958717",
  "description": "Central Zone (Bangladesh) 30 * v North Zone (Bangladesh) 378/10 ",
  "title": "Central Zone (Bangladesh) 30 * v North Zone (Bangladesh) 378/10 "
},
{
  "unique_id": "958715",
  "description": "South Zone (Bangladesh) v East Zone (Bangladesh) 373/8 *",
  "title": "South Zone (Bangladesh) v East Zone (Bangladesh) 373/8 *"
},
{
  "unique_id": "895971",
  "description": "Victoria v New South Wales 218/6 *",
  "title": "Victoria v New South Wales 218/6 *"
},
{
  "unique_id": "895969",
  "description": "South Australia 206/4 * v Tasmania 91/10 ",
  "title": "South Australia 206/4 * v Tasmania 91/10 "
},
{
  "unique_id": "895967",
  "description": "Queensland 147/10  v Western Australia 32/2 *",
  "title": "Queensland 147/10  v Western Australia 32/2 *"
},
{
  "unique_id": "971711",
  "description": "Mumbai Cricket Association XI v South Africa",
  "title": "Mumbai Cricket Association XI v South Africa"
},
{
  "unique_id": "951375",
  "description": "India Women v Bangladesh Women",
  "title": "India Women v Bangladesh Women"
},
{
  "unique_id": "951329",
  "description": "India v New Zealand",
  "title": "India v New Zealand"
},
{
  "unique_id": "951377",
  "description": "New Zealand Women v Sri Lanka Women",
  "title": "New Zealand Women v Sri Lanka Women"
}
]
var records=$("<table/>").attr("id","tabcontent");
$("#record").append(records);
for(var j=0;j<datarecord.length;j++)
{
  var tr="<tr>";
  var td1="<td>"+datarecord[j]["unique_id"]+"</td>";
  var td2="<td>"+datarecord[j]["description"]+"</td>";
  var td3="<td>"+datarecord[j]["title"]+"</td></tr>";
  $("#tabcontent").append(tr+td1+td2+td3); 
}