前端怎样接收后端json穿出的数据
时间: 2024-05-15 09:16:20 浏览: 67
Layui数据表格 前后端json数据接收的方法.docx
前端可以使用 JavaScript 的 XMLHttpRequest 或 fetch 方法来接收后端传出的 JSON 数据。
使用 XMLHttpRequest:
```javascript
const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
const responseData = JSON.parse(xhr.responseText);
console.log(responseData);
}
};
xhr.send();
```
使用 fetch:
```javascript
fetch('http://example.com/api/data')
.then(response => response.json())
.then(data => console.log(data));
```
在以上实例中,后端传出的 JSON 数据在前端通过 JSON.parse 方法或 response.json() 方法转换为 JavaScript 对象或数组,然后可以在前端进行处理和显示。
阅读全文