Json 和 ajax Html 表

Question

我只是 JSON 數據的新手。 我創建了運行良好的 ajax 連接。 我有大約 3000 個數據塊，如下所示。 請幫我在一個 HTML 行中轉換以下數據塊，或者幫我創建一個父子數組 id。 所以它將幫助我參考數據。

提前致謝

{
  "NS IT": {
    "NS86253": {
      "stACTts": {
        "stACTt_sln_dup_devices": 0,
        "country": "GB",
        "region": "ACT",
        "stACTt_sln_ACTlACTrms_detACTils": {
          "CRITICACTL": 0,
          "OK": 0,
          "WACTRNING": 0
        },
        "pACTrentACTccountNACTme": "NS IT InternACTtionACTl",
        "stACTt_sln_devices": 1,
        "stACTt_sln_ACTlACTrms": 0,
        "ultimACTtePACTrentACTccountNumber": "ACT-00587452"
      },
      "NS86253D30TSP021": {
        "stACTtus": "INSTACTLLED",
        "modelNACTme": "Time Series Proxy",
        "customerNACTme": "NS IT InternACTtionACTl",
        "hostNACTme": "NS86253D30TSP021",
        "locACTtionACTccountNumber": "ACT-00132677",
        "locACTtion": "NS86253",
        "ACTlACTrms": {},
        "ACTssetInsightID": "204822"
      }
    }
  }
}

Answer 1

您想將 object 轉換為 HTML 表.. 對嗎？

 let myData = { name:"Amoos", location:"Pluto", other_info:{ id: 101, color: "Orange", color_info:{hexCode: "#FF4500"} } } let myDataObj = JSON.stringify(myData) let myTableObj = myDataObj.replace(/\"/g,"").replace(/{/g,"<table><tr><td>").replace(/:/g,"</td><td>","g").replace(/,/g,"</td></tr><tr><td>","g").replace(/}/g,"</table>") let myDataHolder = document.getElementById("myDataHolder"); myDataHolder.innerHTML = myHtmlTableObj;

 table td { border: 1px solid #000; }

 <div id="myDataHolder">...</div>