Question

我需要从html页面上的JSON文件中加载数据，每行4个人。这是JSON的示例，共有15个人。因此，在我的html页面上，人数是1-4，然后是5-9，依此类推。等等。在最后一行中，剩下三个人。

 {
      "person": [
        {
          "name": "First",
          "r.number": "numberOne",
          "picture": [
            {
              "src": "images/1.png",
              "alt": "first"
            }
          ],
          "message": "messageOne"
        },
        {
          "name": "Second",
          "r.number": "numberTwo",
          "picture_data": [
            {
              "src": "images/2.png",
              "alt": "second"
            }
          ],
          "message": "messageTwo"
        },
        {
          "name": "Third",
          "r.number": "numberThree",
          "picture_data": [
            {
              "src": "images/3.png",
              "alt": "third"
            }
          ],
          "message": "messageThree"
        }

    }

Answer 1

我的unix实用程序-jtc（https://github.com/ldn-softdev/jtc）允许指定切片（与Python十分相似），因此，提供正确的数据偏移量后，可以选择所需的JSON切片，例如假设您的JSON在file.json中：

bash $ jtc -w'[person][0:4]' -pp file.json 
{
   "person": [
      {
         "message": "messageOne",
         "name": "First",
         "picture": [
            {
               "alt": "first",
               "src": "images/1.png"
            }
         ],
         "r.number": "numberOne"
      },
      {
         "message": "messageTwo",
         "name": "Second",
         "picture_data": [
            {
               "alt": "second",
               "src": "images/2.png"
            }
         ],
         "r.number": "numberTwo"
      },
      {
         "message": "messageThree",
         "name": "Third",
         "picture_data": [
            {
               "alt": "third",
               "src": "images/3.png"
            }
         ],
         "r.number": "numberThree"
      }
   ]
}
bash $ jtc -w'[person][4:8]' -pp file.json 
...
etc.

加载JSON并以HTML显示数据

1 个答案: