第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

讀取 json 文件數(shù)組中的數(shù)組

讀取 json 文件數(shù)組中的數(shù)組

慕虎7371278 2022-12-09 19:16:48
我正在構(gòu)建一個將數(shù)據(jù)從 JSON 文件輸出到表中的站點，但是我在獲取要輸出的內(nèi)容時遇到了問題。這個 JSON 文件是從另一個顯示文檔的站點生成的，而我的站點只是創(chuàng)建一個表格以便于搜索這些文檔。2 個文檔的示例 JSON：    [{        "title": "SampleTitleA",        "lang": "en-US",        "lastEdition": "2020-07-28",        "version": "1.0",        "metadata": [        {            "key": "sampleKeyA1",            "label": "sampleLabelA1",            "values": ["sampleValueA1"]        },        {            "key": "sampleKeyA2",            "label": "sampleLabelA2",            "values": ["sampleValueA2"]        }]    },    {        "title": "SampleTitleB",        "lang": "en-US",        "lastEdition": "2020-07-28",        "version": "1.0",        "metadata": [        {            "key": "sampleKeyB1",            "label": "sampleLabelB1",            "values": ["sampleValueB1"]        },        {            "key": "sampleKeyB2",            "label": "sampleLabelB2",            "values": ["sampleValueB2"]        }]    }]我為此使用 DataTables ( https://datatables.net/examples/ajax/deep.html ) 并嘗試按照它描述的去做。它并沒有真正涵蓋讀取數(shù)組中的數(shù)組。創(chuàng)建了一個表，但沒有填充，并且在控制臺中沒有顯示任何錯誤。有沒有人為此目的使用數(shù)據(jù)表的經(jīng)驗？
查看完整描述

2 回答

?
慕標(biāo)琳琳

TA貢獻(xiàn)1830條經(jīng)驗 獲得超9個贊

檢查這是否可以幫助您。


var data = {

    "title": "SampleTitle",

    "lang": "en-US",

    "lastEdition": "2020-07-28",

    "version": "1.0",

    "metadata": [

    {

        "key": "sampleKey1",

        "label": "sampleLabel1",

        "values": ["sampleValue1"]

    },

    {

        "key": "sampleKey2",

        "label": "sampleLabel2",

        "values": ["sampleValue2"]

    }]

}


var result = { data: data.metadata[1].values[0], "defaultContent": "-" }

console.log(result);


查看完整回答
反對 回復(fù) 2022-12-09
?
慕田峪7331174

TA貢獻(xiàn)1828條經(jīng)驗 獲得超13個贊

您的 JSON 數(shù)據(jù)結(jié)構(gòu)是一個數(shù)組——所有內(nèi)容都包含在一個中[...]——因此 DataTables 可以遍歷該數(shù)組以生成其表行。


data這是一個示例，其中除了列定義（和列標(biāo)題）外，所有內(nèi)容都從您的代碼中刪除：


<script type="text/javascript">


 $(document).ready(function() {


    $('#example').DataTable({

        ajax: {

          // my test URL:

          url: 'http://localhost:7000/sample2',

          dataSrc: ''

        },

        "columns": [

          { title: 'Title', data: 'title' },

          { title: 'Language', data: 'lang' },

          { title: 'Key', data: 'metadata[0].key' },

          { title: 'Label', data: 'metadata[0].label' },

          { title: 'First Value', data: 'metadata[0].values[0]' }

        ]

    } );


  } );


</script>

這會生成一個如下所示的表：

http://img1.sycdn.imooc.com//6393194900014e0c06540148.jpg

這是如何運作的？

默認(rèn)情況下，DataTables 期望 JSON 結(jié)構(gòu)為以下之一：

  1. 包含其他對象數(shù)組的對象：

{ "data": [ {...},{...},... ] }

  1. 包含數(shù)組數(shù)組的對象：

{ "data": [ [...],[...],... ] }

在這兩種情況下，數(shù)組都有一個名稱（在本例中為data）。

在您的情況下，如前所述，您的數(shù)據(jù)只是一個普通的對象數(shù)組：

[ {...}, {...},... ]

因為數(shù)組沒有名稱，所以我們需要dataSrc: ''在 DataTable 定義中使用它來表示缺少名稱。

之后，您可以引用需要顯示的值，例如data: 'title'.

對于該metadata部分，它本身就是一個引用對象數(shù)組的標(biāo)簽：

"metadata": [ {...} ]

但是，在這種情況下，數(shù)組只包含一個對象。我們可以使用[0]- 引用元數(shù)據(jù)數(shù)組中的第一個對象，然后我們可以訪問該對象中的值 - 例如，通過使用：data: 'metadata[0].label'。


查看完整回答
反對 回復(fù) 2022-12-09
  • 2 回答
  • 0 關(guān)注
  • 125 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號