39.107.83.187:12346/articles get 请求 获取到json格式为{ code: 0, data: [ { id: 1, title: Qt, content: Qt正文, author_id: 0,
时间: 2024-02-10 20:12:34 浏览: 51
这段 JSON 格式的数据缺少了结束的大括号 `}`,需要在数据结尾添加一个大括号来结束整个 JSON 对象。另外,我注意到这段 JSON 数据中的 `author_id` 字段值为 0,这可能不符合实际情况,应该是一个真实的作者 ID。如果需要获取文章作者的详细信息,可以通过这个 `author_id` 去查询对应的作者信息。
相关问题
39.107.83.187:12346/articles get 请求 获取到json
抱歉,刚才的回答中似乎出现了问题,导致信息不完整。这里我重新回答一下你的问题:
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格式为{ "code": 0, "data": [ { "id": 1, "title": "Qt", "content": "Qt正文", "author_id": 0, "permission_type": 1, "is_approved": true } ] }的数据展示到界面上
您可以使用 JavaScript 发送一个 GET 请求来获取这个 JSON 数据,然后将它展示在界面上。以下是一个简单的实现步骤:
1. 使用 XMLHttpRequest 对象发送 GET 请求:
```javascript
let xhr = new XMLHttpRequest();
xhr.open('GET', 'http://39.107.83.187:12346/articles', true);
xhr.send();
```
2. 在请求完成后,解析返回的 JSON 数据,将它展示在界面上:
```javascript
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
let articles = response.data;
let html = '';
for (let i = 0; i < articles.length; i++) {
html += '<div>';
html += '<h2>' + articles[i].title + '</h2>';
html += '<p>' + articles[i].content + '</p>';
html += '</div>';
}
document.getElementById('articles').innerHTML = html;
}
}
```
3. 在 HTML 文件中添加一个用于展示数据的元素:
```html
<div id="articles"></div>
```
这样就可以将获取到的 JSON 数据展示在界面上了。
阅读全文