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）{[＆＃34; cache＆＃34;] =＆gt; bool（true）[＆＃34; data＆＃34;] =＆gt; array（9）{[0] =＆gt; array（3）{[＆＃34; unique_id＆＃34;] =＆gt; string（6）＆＃34; 958717＆＃34; [＆＃34;描述＆＃34;] =＆GT; string（64）＆＃34; Central Zone（Bangladesh）30 * v North Zone（Bangladesh）378/10＆＃34; [＆＃34;标题＆＃34;] =＆GT; string（64）＆＃34; Central Zone（Bangladesh）30 * v North Zone（Bangladesh）378/10＆＃34; } [1] =＆gt; array（3）{[＆＃34; unique_id＆＃34;] =＆gt; string（6）＆＃34; 958715＆＃34; [＆＃34;描述＆＃34;] =＆GT; string（56）＆＃34; South Zone（Bangladesh）v East Zone（Bangladesh）373/8 *＆＃34; [＆＃34;标题＆＃34;] =＆GT; string（56）＆＃34; South Zone（Bangladesh）v East Zone（Bangladesh）373/8 *＆＃34; } [2] =＆gt; array（3）{[＆＃34; unique_id＆＃34;] =＆gt; string（6）＆＃34; 895971＆＃34; [＆＃34;描述＆＃34;] =＆GT; string（34）＆＃34; Victoria v New South Wales 218/6 *＆＃34; [＆＃34;标题＆＃34;] =＆GT; string（34）＆＃34; Victoria v New South Wales 218/6 *＆＃34; } [3] =＆gt; array（3）{[＆＃34; unique_id＆＃34;] =＆gt; string（6）＆＃34; 895969＆＃34; [＆＃34;描述＆＃34;] =＆GT; string（41）＆＃34; South Australia 206/4 * v Tasmania 91/10＆＃34; [＆＃34;标题＆＃34;] =＆GT; string（41）＆＃34; South Australia 206/4 * v Tasmania 91/10＆＃34; } [4] =＆gt; array（3）{[＆＃34; unique_id＆＃34;] =＆gt; string（6）＆＃34; 895967＆＃34; [＆＃34;描述＆＃34;] =＆GT; string（45）＆＃34; Queensland 147/10 v Western Australia 32/2 *＆＃34; [＆＃34;标题＆＃34;] =＆GT; string（45）＆＃34; Queensland 147/10 v Western Australia 32/2 *＆＃34; } [5] =＆gt; array（3）{[＆＃34; unique_id＆＃34;] =＆gt; string（6）＆＃34; 971711＆＃34; [＆＃34;描述＆＃34;] =＆GT; string（44）＆＃34;孟买板球协会XI诉南非＆＃34; [＆＃34;标题＆＃34;] =＆GT; string（44）＆＃34;孟买板球协会XI诉南非＆＃34; } [6] =＆gt; array（3）{[＆＃34; unique_id＆＃34;] =＆gt; string（6）＆＃34; 951375＆＃34; [＆＃34;描述＆＃34;] =＆GT; string（30）＆＃34; India Women v Bangladesh Women＆＃34; [＆＃34;标题＆＃34;] =＆GT; string（30）＆＃34; India Women v Bangladesh Women＆＃34; } [7] =＆gt; array（3）{[＆＃34; unique_id＆＃34;] =＆gt; string（6）＆＃34; 951329＆＃34; [＆＃34;描述＆＃34;] =＆GT; string（19）＆＃34; India v New Zealand＆＃34; [＆＃34;标题＆＃34;] =＆GT; string（19）＆＃34; India v New Zealand＆＃34; } [8] =＆gt; array（3）{[＆＃34; unique_id＆＃34;] =＆gt; string（6）＆＃34; 951377＆＃34; [＆＃34;描述＆＃34;] =＆GT; string（35）＆＃34; New Zealand Women v Sri Lanka Women＆＃34; [＆＃34;标题＆＃34;] =＆GT; string（35）＆＃34; New Zealand Women v Sri Lanka Women＆＃34; }＆＃34;提供商＆＃34;] =＆gt; array（3）{[＆＃34; pubDate＆＃34;] =＆gt; string（24）＆＃34; 2016-03-15T06：46：03.424Z＆＃34; [＆＃34;源＆＃34;] =＆GT; string（24）＆＃34; http://www.cricinfo.com/＆＃34; [＆＃34; URL＆＃34;] =＆GT; string（24）＆＃34; http://crm.wherrelz.com/＆＃34; }}

但现在如何在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); 

}

如何在html表中显示json数据？

1 个答案: