js代码怎么接收后端modelAndView.addObject()方法传来的对象信息,并且判断是否为空。详细代码
时间: 2023-06-24 15:07:43 浏览: 142
Javascript中判断对象是否为空
5星 · 资源好评率100%
在前端的 JavaScript 中,可以使用 AJAX 技术来异步获取后端传来的对象信息。
首先,在 HTML 页面中引入 jQuery 库,代码如下:
```html
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
```
其次,编写一个 AJAX 请求的函数,如下:
```javascript
function getData() {
$.ajax({
url: '/getData', // 后端接口地址
type: 'GET', // 请求方法
success: function(data) {
if (data) {
// 当请求成功且返回数据不为空时执行的操作
console.log(data);
} else {
// 当请求成功但返回数据为空时执行的操作
console.log('没有数据!');
}
},
error: function() {
// 当请求失败时执行的操作
console.log('请求失败!');
}
});
}
```
在成功回调函数中,可以通过 `data` 参数获取后端传来的对象信息。判断 `data` 是否为空,如果不为空,则执行相应的操作;如果为空,则执行相应的提示。
需要注意的是,后端返回的对象信息应该是 JSON 格式的,因此在后端的 Controller 中应该使用 `@ResponseBody` 注解将对象信息转换成 JSON 格式并返回。例如:
```java
@RequestMapping(value = "/getData", method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> getData() {
Map<String, Object> data = new HashMap<>();
// 获取后端传来的对象信息
// ...
if (data.isEmpty()) {
return null;
} else {
return data;
}
}
```
这样,前端就可以通过 AJAX 请求异步获取后端传来的对象信息,并判断是否为空了。
阅读全文