SpringMVC前端和后端數(shù)據(jù)交互總結
本文主要介紹了SpringMVC前端和后端數(shù)據(jù)交互的資料,特地發(fā)出來記錄一下。有需要的朋友可以了解一下。
控制器
作為控制器,大體的作用是作為V端的數(shù)據(jù)接收并且交給M層去處理,然后負責管理V的跳轉。SpringMVC的作用不外乎就是如此,主要分為:接收表單或者請求的值,定義過濾器,跳轉頁面;其實就是servlet的替代品。
傳值方式
springmvc最方便的一點就是可以通過注釋方式來定義它的url。
@Controller
public class formMVC {
@RequestMapping("/hello")
public void login(){
}
如上面這種方式,在項目名下跟著hello就能訪問這個方法了,相較struts2的xml配置加大了開發(fā)效率,并且是以方法為級別的開發(fā)。
接收表單數(shù)據(jù)只需要在方法的參數(shù)加入響應的字段,對應表單input的name屬性,因為是通過反射技術實現(xiàn)的所以字段要完全相同。
@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來接收參數(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的格式存進來
//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>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Java報錯Java.text.ParseException的解決方法匯總
在Java開發(fā)的復雜世界中,錯誤處理是開發(fā)者必須面對的關鍵挑戰(zhàn)之一,其中,Java.text.ParseException就像一個隱藏在代碼叢林中的陷阱,常常讓開發(fā)者們陷入困惑,本文給大家介紹了Java報錯Java.text.ParseException的解決方法,需要的朋友可以參考下2024-10-10
MyBatis-Plus如何使用枚舉自動關聯(lián)注入詳解
這篇文章主要給大家介紹了關于MyBatis-Plus如何使用枚舉自動關聯(lián)注入的相關資料,文中通過實例代碼介紹的非常詳細,對大家學習或者使用MyBatis-Plus具有一定的參考學習價值,需要的朋友可以參考下2022-03-03

