SpringMVC前端和后端数据交互总结_网络技术_宿州市腾雀网络科技有限公司

SpringMVC前端和后端数据交互总结

发布时间 - 2026-01-11 00:04:15 点击率：次

本文主要介绍了SpringMVC前端和后端数据交互的资料，特地发出来记录一下。有需要的朋友可以了解一下。

控制器

作为控制器，大体的作用是作为V端的数据接收并且交给M层去处理，然后负责管理V的跳转。SpringMVC的作用不外乎就是如此，主要分为：接收表单或者请求的值，定义过滤器，跳转页面；其实就是servlet的替代品。

传值方式

springmvc最方便的一点就是可以通过注释方式来定义它的url。

@Controller
public class formMVC {
  @RequestMapping("/hello")
  public void login(){
    
  }

如上面这种方式，在项目名下跟着hello就能访问这个方法了，相较struts2的xml配置加大了开发效率，并且是以方法为级别的开发。

接收表单数据只需要在方法的参数加入响应的字段，对应表单input的name属性，因为是通过反射技术实现的所以字段要完全相同。　　

  @RequestMapping("/login")
  public String login(String username,String password){
    System.out.println(username+" "+password);
    return "form.jsp";
  }

如上面这种方式，表单提交之后就会获得值。跳转方式就是使用返回的字符串，springmvc的DispatcherServlet会跳转到字符串的页面。你也可以配置它的前缀后缀。在它的配置文件中配置下面属性，就是在这个return的字符串的前面和后面加入你配置的前缀后缀。

  <!-- configure the InternalResourceViewResolver -->
  <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" 
      id="internalResourceViewResolver">
    <!-- 前缀 -->
    <property name="prefix" value="" />
    <!-- 后缀 -->
    <property name="suffix" value="" />
  </bean>

另外，springmvc可以使用bean来接收参数，因为是反射技术，所以属性字段依然要保持完全一样。

public class user {
  private String username;
  private String password;
  public String getUsername() {
    return username;
  }
  public void setUsername(String username) {
    this.username = username;
  }
  public String getPassword() {
    return password;
  }
  public void setPassword(String password) {
    this.password = password;
  }
  
}

@RequestMapping(value="/Model",method=RequestMethod.POST)
  public String loginModel(user u){
    System.out.println(u.getUsername()+" "+u.getPassword());
    return "form.jsp";
  }

最后，前端发过来的数据是经过json包装的，依然可以在后端使用bean来接收。

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery.min.js"></script> 
<title>登录表单</title>
</head>
<script type="text/javascript"> 
  $(document).ready(function(){ 
    $("#button_submit").click(function(){ 
      //序列化表单元素，返回json数据 
      var params = $("#userForm").serializeArray(); 
      console.log(params);
      //也可以把表单之外的元素按照name value的格式存进来 
      //params.push({name:"hello",value:"man"}); 
      $.ajax({
        type:"post",
        url:"Model",
        data:params
      });
    }); 
  }); 
</script> 
<body>
  <form id="userForm">
    <input name="username" type="text"/>
    <br/>
    <input name="password" type="password"/>
    <br/>
  </form>
    <button id="button_submit">提交</button>
    <button type="reset" >重置</button>
</body>
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# springmvc前后端交互 # spring # mvc后端传前端 # springmvc与前端交互 # Vue前端如何实现与后端进行数据交互 # 前端如何调用后端接口进行数据交互详解(axios和SpringBoot) # 表单 # 跳转 # 后端 # 就会 # 在这个 # 就能 # 只需 # 要在 # 可以通过 # 可以使用 # 你也可以 # 配置文件 # 大家多多 # 完全相同 # 跳转到 # 相较 # 序列化 # 加大了 # configure # user

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：yii2 如何使用module

下一篇：使用建站系统时，如何判断主机空间是否稳定可靠？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：yii2 如何使用module

下一篇：使用建站系统时，如何判断主机空间是否稳定可靠？