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 } ] }的数据展示到界面上
时间: 2023-07-21 14:33:11 浏览: 110
webSites2.txt
您可以使用 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 数据展示在界面上了。
阅读全文