如何使用浏览器仅获取我的 Express API 的定义数量的属性?
How do I get only a defined amount of attributes of my Express API with a browser?
让我举个例子:通过访问以下页面,我们可以访问所有 JSON 代码:https://jsonplaceholder.typicode.com/todos
但是如果我想要,我可以通过访问以下内容来检索 JSON 的前 6 个元素:https://jsonplaceholder.typicode.com/todos?_limit=6
我想对我通过 http://localhost:3100
访问的 Express 代码做同样的事情
当我尝试 http://localhost:3100?_limit=6
时,它带来了整个 JSON 文件,我不明白为什么。我怎样才能解决这个问题?我希望浏览器能够限制它从 API.
获取的数量
这是我的快递代码:
const express = require("express");
const app = express();
const projects = [
{ project: "Challenges_jschallenger.com" },
{ project: "Using-Studio-Ghilis-API-With-JS-Only" },
{ project: "my-portfolio-next" },
{ project: "Youtube-Navbar-2021" },
{ project: "Mana-raWozonWebsite" },
{ project: "Movies-Website" },
{ project: "Add-Remove-Mark-and-Mark-off-With-ReactJS" },
{ project: "My-Portfolio" },
{ project: "Github_Explorer" },
{ project: "MestreALMO.github.io" },
{ project: "Tests-With-useState-useEffect-useRef" },
{ project: "Tic-Tac-Toe-React-in-JS" },
{ project: "ReactJS-with-TypeScript-Template" },
{ project: "Retractable-Accordion" },
];
app.get("/", function (req, res) {
res.send(projects);
});
app.listen(3100);
您需要从快速请求中提取查询。另外,使用 json 对象进行响应的正确方法是调用 json
方法。
app.get("/", (req, res) => {
const { limit } = req.query
res.json(projects.slice(0, limit))
})
要使其正常工作,您必须向 http://localhost:3100/?limit=6
提出请求
让我举个例子:通过访问以下页面,我们可以访问所有 JSON 代码:https://jsonplaceholder.typicode.com/todos
但是如果我想要,我可以通过访问以下内容来检索 JSON 的前 6 个元素:https://jsonplaceholder.typicode.com/todos?_limit=6
我想对我通过 http://localhost:3100
当我尝试 http://localhost:3100?_limit=6
时,它带来了整个 JSON 文件,我不明白为什么。我怎样才能解决这个问题?我希望浏览器能够限制它从 API.
这是我的快递代码:
const express = require("express");
const app = express();
const projects = [
{ project: "Challenges_jschallenger.com" },
{ project: "Using-Studio-Ghilis-API-With-JS-Only" },
{ project: "my-portfolio-next" },
{ project: "Youtube-Navbar-2021" },
{ project: "Mana-raWozonWebsite" },
{ project: "Movies-Website" },
{ project: "Add-Remove-Mark-and-Mark-off-With-ReactJS" },
{ project: "My-Portfolio" },
{ project: "Github_Explorer" },
{ project: "MestreALMO.github.io" },
{ project: "Tests-With-useState-useEffect-useRef" },
{ project: "Tic-Tac-Toe-React-in-JS" },
{ project: "ReactJS-with-TypeScript-Template" },
{ project: "Retractable-Accordion" },
];
app.get("/", function (req, res) {
res.send(projects);
});
app.listen(3100);
您需要从快速请求中提取查询。另外,使用 json 对象进行响应的正确方法是调用 json
方法。
app.get("/", (req, res) => {
const { limit } = req.query
res.json(projects.slice(0, limit))
})
要使其正常工作,您必须向 http://localhost:3100/?limit=6