39.107.83.187:12346/articles get 请求 获取到json
时间: 2024-02-02 15:04:52 浏览: 20
抱歉,刚才的回答中似乎出现了问题,导致信息不完整。这里我重新回答一下你的问题:
39.107.83.187:12346/articles GET 请求返回的 JSON 数据格式应该是这样的:
```
{
"code": 0,
"data": [
{
"id": 1,
"title": "Qt",
"content": "Qt正文",
"author_id": 123
},
{
"id": 2,
"title": "Gin",
"content": "Gin正文",
"author_id": 456
}
]
}
```
其中,`code` 表示请求状态码,`data` 是一个数组,数组中的每个元素表示一篇文章的信息,包括文章的 ID、标题、正文和作者 ID。如果需要获取每个作者的详细信息,可以通过 `author_id` 去查询对应的作者信息。
相关问题
39.107.83.187:12346/articles get 请求 获取到json 完整html
看到你提供的信息中出现了 HTML 标签,这可能是因为你在访问 API 接口时使用了浏览器,而浏览器会将返回的 JSON 数据解析成 HTML 页面展示。建议使用命令行工具或者专业的 API 测试工具进行接口测试,例如 curl、Postman、Insomnia 等。这样可以保证获取到的数据是原始的 JSON 格式,方便处理和解析。如果你需要在 Web 应用中使用 API 接口获取数据,可以使用 Ajax 或者 Fetch API 进行异步请求,并将返回的 JSON 数据解析成 JavaScript 对象进行处理。
39.107.83.187:12346/articles get 请求 获取到json ,请给出完整html
根据你提供的信息,我无法给出完整的 HTML 页面,因为 JSON 数据和 HTML 页面是两种不同的格式。如果你需要将 JSON 数据展示为 HTML 页面,可以通过 JavaScript 将 JSON 数据解析成 HTML 标签,然后插入到页面中。
例如,你可以使用以下代码将 JSON 数据渲染为一个 HTML 表格:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Articles</title>
</head>
<body>
<table id="articles">
<thead>
<tr>
<th>ID</th>
<th>Title</th>
<th>Content</th>
<th>Author ID</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script>
// 获取 JSON 数据
fetch('http://39.107.83.187:12346/articles')
.then(response => response.json())
.then(data => {
// 渲染表格
const articles = document.querySelector('#articles tbody')
data.data.forEach(article => {
const row = document.createElement('tr')
row.innerHTML = `
<td>${article.id}</td>
<td>${article.title}</td>
<td>${article.content}</td>
<td>${article.author_id}</td>
`
articles.appendChild(row)
})
})
</script>
</body>
</html>
```
在这个例子中,我们使用了 Fetch API 来获取 API 接口返回的 JSON 数据,并使用 JavaScript 将数据渲染成一个 HTML 表格。你可以将这个例子保存为一个 HTML 文件,然后在浏览器中打开来查看效果。