前端怎么获得后端返回的数据
时间: 2023-11-28 07:04:58 浏览: 160
前后端框架,前端后端数据处理
前端可以通过发送网络请求(如Ajax、Fetch、Axios等)来与后端进行通信,并获取后端返回的数据。以下是一些常见的示例代码:
使用原生的JavaScript中的XMLHttpRequest对象发送GET请求:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', '后端接口地址', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 后端返回的数据在data变量中,可以进行处理或展示
}
};
xhr.send();
```
使用Fetch API发送GET请求:
```javascript
fetch('后端接口地址')
.then(function(response) {
if (response.ok) {
return response.json();
}
throw new Error('Network response was not ok.');
})
.then(function(data) {
// 后端返回的数据在data变量中,可以进行处理或展示
})
.catch(function(error) {
console.log('There has been a problem with your fetch operation: ', error.message);
});
```
当然,你也可以根据需要发送POST请求或其他类型的请求,并在相应的回调函数中处理返回的数据。
阅读全文