SpringMVC前端和后端數(shù)據(jù)交互總結(jié)
本文主要介紹了SpringMVC前端和后端數(shù)據(jù)交互的資料,特地發(fā)出來記錄一下。有需要的朋友可以了解一下。
控制器
作為控制器,大體的作用是作為V端的數(shù)據(jù)接收并且交給M層去處理,然后負(fù)責(zé)管理V的跳轉(zhuǎn)。SpringMVC的作用不外乎就是如此,主要分為:接收表單或者請求的值,定義過濾器,跳轉(zhuǎn)頁面;其實(shí)就是servlet的替代品。
傳值方式
springmvc最方便的一點(diǎn)就是可以通過注釋方式來定義它的url。
@Controller public class formMVC { @RequestMapping("/hello") public void login(){ }
如上面這種方式,在項(xiàng)目名下跟著hello就能訪問這個(gè)方法了,相較struts2的xml配置加大了開發(fā)效率,并且是以方法為級(jí)別的開發(fā)。
接收表單數(shù)據(jù)只需要在方法的參數(shù)加入響應(yīng)的字段,對應(yīng)表單input的name屬性,因?yàn)槭峭ㄟ^反射技術(shù)實(shí)現(xiàn)的所以字段要完全相同?! ?/p>
@RequestMapping("/login") public String login(String username,String password){ System.out.println(username+" "+password); return "form.jsp"; }
如上面這種方式,表單提交之后就會(huì)獲得值。跳轉(zhuǎn)方式就是使用返回的字符串,springmvc的DispatcherServlet會(huì)跳轉(zhuǎn)到字符串的頁面。你也可以配置它的前綴后綴。在它的配置文件中配置下面屬性,就是在這個(gè)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來接收參數(shù),因?yàn)槭欠瓷浼夹g(shù),所以屬性字段依然要保持完全一樣。
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"; }
最后,前端發(fā)過來的數(shù)據(jù)是經(jīng)過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數(shù)據(jù) var params = $("#userForm").serializeArray(); console.log(params); //也可以把表單之外的元素按照name value的格式存進(jìn)來 //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>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
SpringBoot 單元測試實(shí)戰(zhàn)(Mockito,MockBean)
這篇文章主要介紹了SpringBoot 單元測試實(shí)戰(zhàn)(Mockito,MockBean),具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2021-09-09java中的Serializable、transient關(guān)鍵字詳解
這篇文章主要介紹了java中的Serializable、transient關(guān)鍵字詳解,序列化只會(huì)保存屬性值,不會(huì)保存方法,通過反序列化可以把序列化后的內(nèi)容恢復(fù)成對象,需要的朋友可以參考下2023-09-09SpringBoot定時(shí)監(jiān)聽RocketMQ的NameServer問題及解決方案
這篇文章主要介紹了SpringBoot定時(shí)監(jiān)聽RocketMQ的NameServer問題及解決方案,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12Java中String.format的使用方法總結(jié)
這篇文章主要介紹了Java中String.format的用法總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-03-03java并發(fā)請求下數(shù)據(jù)插入重復(fù)問題的解決方法
現(xiàn)在遇到一個(gè)項(xiàng)目,移動(dòng)設(shè)備存儲(chǔ)數(shù)據(jù),然后一起上傳,那就出現(xiàn)了許多重復(fù)數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于java并發(fā)請求下數(shù)據(jù)插入重復(fù)問題的解決方法,需要的朋友可以參考下2021-11-11淺析Java 常用的 4 種加密方式(MD5+Base64+SHA+BCrypt)
這篇文章主要介紹了Java 常用的 4 種加密方式(MD5+Base64+SHA+BCrypt),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10Java中的自動(dòng)裝箱與自動(dòng)拆箱的實(shí)現(xiàn)
自動(dòng)裝箱和自動(dòng)拆箱使得我們在使用基本數(shù)據(jù)類型時(shí)更加方便,同時(shí)也提高了代碼的可讀性和健壯性,本文將詳細(xì)介紹Java中的自動(dòng)裝箱和自動(dòng)拆箱機(jī)制,感興趣的可以了解一下2023-08-08