@Controller public class UserController { private UserService userService; @Autowired public void setUserService (UserService userService) { this.userService = userService; } @RequestMapping("list/{list}") @ResponseBody public List<User> getlist(){ return userService.selectAll(); } @RequestMapping("list") public String list(){return "list";} }这段代码中前端页面要如何获取getlist返回的值
时间: 2024-02-22 14:00:11 浏览: 74
前端页面可以通过发送Ajax请求来获取getlist返回的值。可以使用jQuery库中的$.ajax方法来发送请求并处理响应,示例如下:
```javascript
$.ajax({
url: "/list",
method: "GET",
dataType: "json",
success: function(data) {
// 处理返回的数据
console.log(data);
},
error: function(xhr, status, error) {
// 处理请求失败的情况
console.error(error);
}
});
```
在上面的示例中,我们向 "/list" 发送了一个 GET 请求,并指定了返回的数据类型为 JSON。当请求成功时,$.ajax 方法会调用 success 回调函数,并将返回的数据作为参数传入。我们可以在这个函数中对数据进行处理,比如渲染到页面上。当请求失败时,$.ajax 方法会调用 error 回调函数,并将错误信息作为参数传入。
如果你想要在页面中展示返回的数据,可以将数据绑定到 HTML 元素上,示例如下:
```javascript
$.ajax({
url: "/list",
method: "GET",
dataType: "json",
success: function(data) {
// 处理返回的数据
console.log(data);
// 将数据绑定到指定元素上
var $list = $("#user-list");
$.each(data, function(index, user) {
$list.append("<li>" + user.name + "</li>");
});
},
error: function(xhr, status, error) {
// 处理请求失败的情况
console.error(error);
}
});
```
在上面的示例中,我们首先从页面中选取了一个 id 为 "user-list" 的元素,然后使用 $.each 方法遍历返回的数据,并将每个用户的名字添加到列表中。
阅读全文