时间戳

首页 > 解决方案 > 如何获取通过 fetch api 添加的最新行

javascript - 如何获取通过 fetch api 添加的最新行

问题描述

我正在尝试通过 fetch 获取最新添加的记录以显示。在用户向 api 提交信息之前的页面上，我想要获取并在下一页上显示为收据。

所以我的想法是最简单的方法是获取添加的最新行并从中显示信息。我怎么能做到这一点，或者有另一种方式我应该做到这一点。

因此，例如在这种情况下，我想定位最新的行，即report_id：3。report_id 是唯一的自动递增值。

JAVASCRIPT：

const fakeUserId = 1;


    function fetchReport() {

      return fetch('http://localhost:8888/api/problems')
      .then(response => response.json())
      .then(data => {

        console.log(data.data);


      })
    }

    fetchReport();

日志输出

 "data": [
    {
    "report_id": 1,
    "user_id": 1,
    "name": "Name1",
    "phone": "123"
    },
    {
    "report_id": 2,
    "user_id": 2,
    "name": "Name2",
    "phone": "1234"
    },
    {
    "report_id": 3,
    "user_id": 3,
    "name": "Name3",
    "phone": "12345"
    }
    ],

标签： javascriptjsonfetch

解决方案

您正在寻找Array.pop()

（只要您不介意修改原始data.data.pop 将删除它）

var data = {
  "data": [{
      "report_id": 1,
      "user_id": 1,
      "name": "Name1",
      "phone": "123"
    },
    {
      "report_id": 2,
      "user_id": 2,
      "name": "Name2",
      "phone": "1234"
    },
    {
      "report_id": 3,
      "user_id": 3,
      "name": "Name3",
      "phone": "12345"
    }
  ]
}

var lastItem = data.data.pop()

console.log(lastItem)

推荐阅读