如何在html表格中顯示json數據？

Question

{ 
    "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表格中顯示每個匹配的標題和描述。我用php的json_decode方法提供給我這個：

array（3）{[「cache」] => bool（true）[「data」] => array（9）{[0] => array（ 3）{[「unique_id」] =>字符串（6）「958717」[「description」] =>字符串（64）「中區（孟加拉國）30 * v北區（孟加拉國）378/10」[「title」 ] => string（64）「Central Zone（Bangladesh）30 * v North Zone（Bangladesh）378/10」} [1] => array（3）{[「unique_id」] => string（6）「958715」 （孟加拉國）v東區（孟加拉國）373/8 *「[」title「] =>字符串（56）」南區（孟加拉國）v東區（孟加拉國）v孟加拉國）373/8 *「} [2] => array（3）{[」unique_id「] => string（6）」895971「[」description「] => string（34）」Victoria v New South Wales 218/「*」[「title」] => string（34）「Victoria v New South Wales 218/6 *」} [3] => array（3）{[「unique_id」] => string（6）「895969」 [「description」] => string（41）「South Australia 206/4 * v Tasmania 91/1 0「[」title「] => string（41）」South Australia 206/4 * v Tasmania 91/10「} [4] => array（3）{[」unique_id「] => string（6）」895967 「[」description「] => string（45）」Queensland 147/10 v Western Australia 32/2 *「[」title「] => string（45）」Queensland 147/10 v Western Australia 32/2 *「}孟買板球協會XI v南非[5] =>數組（3）{[「unique_id」] =>字符串（6）「971711」[「description」] =>字符串（44） >字符串（44）「Mumbai Cricket Association XI v South Africa」} [6] => array（3）{[「unique_id」] => string（6）「951375」[「description」] => string（30） 「India Women v Bangladesh Women」[「title」] => string（30）「India Women v Bangladesh Women」} [7] => array（3）{[「unique_id」] => string（6）「951329」 [「description」] => string（19）「India v New Zealand」[「title」] => string（19）「India v New Zealand」} [8] => array（3）{[「unique_id」] => string（6）「951377」[「description」] => string（35）「新西蘭婦女訴斯里蘭卡婦女」[「title」] =>字符串（35） } [「provider」] => array（ 3）{[「pubDate」] => string（24）「2016-03-15T06：46：03.424Z」[「source」] => string（24）「http://www.cricinfo.com/」[「url」] => string（24 ）「http://crm.wherrelz.com/」}}

但現在如何獲得HTML表格中每個板球比賽的標題和描述。請幫我解決這個問題。

Answer 1

請檢查下面的代碼

HTML

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

jQuery的

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); 

}