SpringMVC前端和后端数据交互总结
程序员文章站
2024-03-04 14:14:35
本文主要介绍了springmvc前端和后端数据交互的资料,特地发出来记录一下。有需要的朋友可以了解一下。
控制器
作为控制器,大体的作用是作为v端的数据接收并且交给m层...
本文主要介绍了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前端和后端数据交互总结
-
3.4 SpringMVC --JSON数据交互和RESTFUL风格接口支持
-
springmvc和js前端的数据传递和接收方式(两种)
-
前端和后端的数据交互之 form表单
-
基于tp5小程序登录的实现 demo版本 获取code 返回token 解密微信数据信息 和验证数据来源真实性(包含小程序前端和php后端代码 )
-
前端 ,后端 关于数据交互的问题?
-
springmvc和js前端的数据传递和接收方式(两种)
-
浅谈springMVC接收前端json数据的总结
-
SpringMVC参数绑定学习总结【前后端数据参数传递】
-
荐 BAT高频面试系列:设计模式+Spring源码+MyBatis+SpringMVC多线程+MySQL+Redis+框架使用+数据结构算法答案和总结