SpringMVC后端返回数据到前端页面方法总结

Spring MVC返回数据到页面有几种不同的方式,它们各自适用的情况也不同,下面简单总结一下。

对于每种方式都给出Controller中的相应方法。

首先还是页面userAdd.jsp。它既是发出请求的页面,也是接收返回结果的页面:

<%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8"%>
<html>
  <head>
    <title></title>
  </head>
  <body>
    <h1>添加用户信息4</h1>
    <form action="user/add4.do" method="post">
        <input type="submit" value="提交">
    </form>
    ${personId }
  </body>
</html>

1、通过request对象:

@RequestMapping("/add")
public String add(HttpServletRequest request){
    request.setAttribute("personId",12);
    return "userAdd";
}

2、通过ModelAndView对象:

@RequestMapping("/add")
public ModelAndView add(){
    ModelAndView mav = new ModelAndView("userAdd");
    mav.addObject("personId", 12);
    return mav;
}

3、通过Model对象:

@RequestMapping("/add")
public String add(Model model){
    model.addAttribute("personId", 12);
    return "userAdd";
}

4、通过Map对象:

@RequestMapping("/add")
public String add(Map<String,Object> map){
    map.put("personId", 12);
    return "userAdd";
}
  • 4
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
好的,以下是一个简单的例子来说明如何在后端Java代码和前端JS页面中实现数据传递: 后端Java代码(使用SpringMVC框架): ```java @RestController @RequestMapping("/api") public class UserController { @Autowired private UserService userService; @GetMapping("/users") public List<User> getUsers() { return userService.getAllUsers(); } @PostMapping("/users") public User addUser(@RequestBody User user) { return userService.addUser(user); } } ``` 上述代码中,我们使用了SpringMVC框架来创建一个RESTful API,其中包含了获取所有用户列表和添加用户两个接口。在添加用户接口中,我们使用了`@RequestBody`注解来接收前端发送的用户数据,然后通过调用`userService`来添加用户。 前端JS页面(使用jQuery): ```javascript $(document).ready(function() { // 获取所有用户列表 $.get("/api/users", function(data) { // 处理返回的用户数据 // ... }); // 添加一个用户 var user = { name: "John", age: 25 }; $.ajax({ type: "POST", url: "/api/users", data: JSON.stringify(user), contentType: "application/json", success: function(data) { // 处理返回的新用户数据 // ... } }); }); ``` 上述代码中,我们使用了jQuery库来发送HTTP请求,其中包含了发送GET请求获取所有用户列表和发送POST请求添加一个用户两个操作。在发送POST请求时,我们将用户数据转换为JSON格式并在请求头中指定`Content-Type`为`application/json`,然后发送给后端进行处理。 总之,以上代码只是一个简单的例子,实际的数据传递过程可能会更加复杂。但是,无论采用哪种方式进行数据传递,关键是要保证前后端数据格式的统一和正确性,以及保证数据的安全性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值