前端如何接收后端返回的json对象
时间: 2023-05-27 07:07:20 浏览: 138
前端可以通过以下方式接收后端返回的JSON对象:
1. 使用XMLHttpRequest对象发送HTTP请求,并通过responseText或responseJSON属性获取响应数据。
示例代码:
```
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data');
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 处理返回的JSON对象
}
};
xhr.send();
```
2. 使用fetch API发送HTTP请求,并通过json()方法获取响应数据。
示例代码:
```
fetch('/api/data')
.then(function(response) {
if (response.ok) {
return response.json();
}
throw new Error('Network response was not ok.');
})
.then(function(data) {
// 处理返回的JSON对象
})
.catch(function(error) {
console.log('There has been a problem with your fetch operation:', error);
});
```
3. 使用jQuery的ajax方法发送HTTP请求,并通过success回调函数获取响应数据。
示例代码:
```
$.ajax({
url: '/api/data',
dataType: 'json',
success: function(data) {
// 处理返回的JSON对象
}
});
```
阅读全文