springmvc返回值、資料寫到頁面、表單提交、ajax、重定向

阿新 • • 發佈：2019-01-15

轉發的方法，轉發到form.jsp實驗是在前一篇文章的專案上做的；

資料寫到頁面

後臺往前臺傳資料

TestController新增

	/**
	 * 方法的返回值採用ModelAndView， new ModelAndView("index", map);，
	 * 相當於把結果資料放到request裡面
	 * @return
	 * @throws Exception
	 */
	@RequestMapping("/toPerson4.do")
	public ModelAndView toPerson4() throws Exception{
		Person person = new Person();
		person.setName("jerome");
		person.setAge(22);
		person.setAddress("nanan");
		SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
		Date date = format.parse("2012-12-21");
		person.setBirthday(date);
		
		Map<String,Object> map = new HashMap<String, Object>();
		map.put("p", person);
		return new ModelAndView("jsp/index",map);
	}

頁面接收：index.jsp

  <body>
	   <h5>${p.name }</h5>
	   <h5>${p.age }</h5>
	   <h5>${p.address }</h5>
	   <h5><fmt:formatDate value="${p.birthday }" pattern="yyyy-MM-dd"/></h5>
  </body>

在jsp引入fmt標籤庫* 文章包含被禁用的url，無法儲存和釋出。太坑了，這個連結也遮蔽~
重啟tomcat訪問：http://localhost:8080/springmvc-2/test/toPerson4.do
輸出資訊正確；

另外一種方式：

	/**
	 * 直接在方法的引數列表中來定義Map，這個Map即使ModelAndView裡面的Map
	 * 由檢視解析器統一處理，統一走ModelAndView的介面
	 * 也不建議使用
	 * @param map
	 * @return
	 * @throws Exception
	 */
	@RequestMapping("/toPerson5.do")
	public String toPerson5(Map<String,Object> map) throws Exception{
		Person person = new Person();
		person.setName("jerome");
		person.setAge(22);
		person.setAddress("nanan");
		SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
		Date date = format.parse("2012-12-21");
		person.setBirthday(date);
		
		map.put("p", person);
		return "jsp/index";
	}

重啟tomcat訪問：
http://localhost:8080/springmvc-2/test/toPerson5.do
輸出正確；

建議使用方式：

	/**
	 *在引數列表中直接定義Model，model.addAttribute("p", person);
	 *把引數值放到request類裡面去，建議使用
	 * @param map
	 * @return
	 * @throws Exception
	 */
	@RequestMapping("/toPerson6.do")
	public String toPerson6(Model model) throws Exception {
		Person person = new Person();
		person.setName("jerome");
		person.setAge(22);
		person.setAddress("nanan");
		SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
		Date date = format.parse("2012-12-21");
		person.setBirthday(date);
		//把引數值放到request類裡面去
		model.addAttribute("p", person);
		return "jsp/index";
	}

重啟tomcat訪問：
http://localhost:8080/springmvc-2/test/toPerson6.do
輸出正確資料；

不需要頁面跳轉：ajax

後臺方法：
在TestController加

	/**
	 * ajax的請求返回值型別應該是void，引數列表裡直接定義HttpServletResponse，
	 * 獲得ProntWriter的類，最後可把結果寫到頁面
	 * 不建議使用
	 * @param name
	 * @param response
	 */
	@RequestMapping("/ajax.do")
	public void ajax(String name, HttpServletResponse response) {
		String result = "hello " + name;
		try {
			response.getWriter().write(result);
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

前臺呼叫新建ajax.jsp
<input id="myButton" type="button" value="click">
Webroot新建js資料夾將jquery拷貝進來；
引進來jquery 和寫js指令碼：

  <script type="text/javascript" src="js/jquery-1.6.2.js"></script>
  <script type="text/javascript">
	$(function(){
			$("#myButton").click(function(){
				$.ajax({
					url:"test/ajax1.do",
					type:"post",
					dataType:"text",
					data:{
						name:"zhangsan"
					},
					success:function(responseText){
						alert(responseText);
					},
					error:function(){
						alert("system error");
					}
				});
			});
		});
  </script>

後臺寫一個轉發：

	@RequestMapping("/toAjax.do")
	public String toAjax() {
		return "jsp/ajax";
	}

重啟tomcat 訪問
http://localhost:8080/springmvc-2/test/toAjax.do
Click,彈出hello zhangsan，成功；

以上方法不建議使用，建議使用：

	/**
	 * 直接在引數的列表上定義PrintWriter,out.wrote(result);
	 * 把結果寫到頁面，建議使用
	 * @param name
	 * @param out
	 */
	@RequestMapping("/ajax1.do")
	public void ajax1(String name, PrintWriter out) {
		String result="hello1 "+name;
		out.write(result);
	}

修改ajax.jap頁面的，js指令碼，跳轉的url是
url:"test/ajax1.do",
重啟tomcat 訪問
http://localhost:8080/springmvc-2/test/toAjax.do
Click
彈出hello1 zhangsan；

表單：

拷貝一份index，起名form.jsp

  <body>
   <form action="test/toPerson7.do" method="post">
	   	name:<input name="name" type="text"><br/>
	   	age:<input name="age" type="text"><br/>
	   	address:<input name="address" type="text"><br/>
	   	birthday:<input name="birthday" type="text"><br/>
   	<input type="submit"><br/>
  </form>

TestController

	@RequestMapping("/toPerson7.do")
	public String toPerson7(Person person) {
		System.out.println(person);
		return "jsp/index";
	}

轉發的方法，轉發到form.jsp

	@RequestMapping("/toForm.do")
	public String toForm() {
		return "jsp/form";
	}

重啟tomcat 訪問：
http://localhost:8080/springmvc-2/test/toForm.do
提交跳轉到
http://localhost:8080/springmvc-2/test/toPerson7.do
控制檯輸出
Person [name=aa, address=asdf, birthday=Tue Jun 03 00:00:00 CST 2014, age=22]

請求方式的指定：

後臺可以指定提交方法，如果前臺不是用的同一種提交方式將報錯；

	/**
	 * @RequestMapping(value="/toPerson7.do",method=RequestMethod.POST)
	 * 可以指定請求方式，前臺就必須要以它制定好的方式來訪問，不然會出現405錯誤
	 * @param person
	 * @return
	 */
	@RequestMapping(value="/toPerson7.do",method=RequestMethod.POST)
	public String toPerson7(Person person) {
		System.out.println(person);
		return "jsp/index";
	}

Form.jap的method修改為get和post測試；

重定向：

同一個 controller

	/**
	 * 重定向：controller內部重定向，redirect：加上同一個controller中
	 * 的requesMapping的值
	 * @return
	 */
	@RequestMapping("/redirectToForm.do")
	public String redirectToForm() {
		return "redirect:toForm.do";
	}

重啟tomcat 訪問：
http://localhost:8080/springmvc-2/test/redirectToForm.do
重定向到
http://localhost:8080/springmvc-2/test/toForm.do

Controller之間的重定向：

拷貝一份TestController改成TestController1
留這個

@Controller
//用來標註當前類是springmvc的控制層的類
@RequestMapping("/test1")
//controller的唯一標識或者名稱空間
public class TestController1 {
	
	@RequestMapping("/toForm.do")
	public String toForm() {
		return "jsp/form";
	}

}

TestController 新增

	/**
	 *  controller之間的重定向：必須要指定好controller的名稱空間再
	 *  指定requestMapping的值，redirect：後必須要加/,是從根目錄開始,
	 *  否則就從當天test找了
	 * @return
	 */
	@RequestMapping("/redirectToForm1.do")
	public String redirectToForm1() {
		return "redirect:/test1/toForm.do";
	}

重啟tomcat 訪問

重定向到

http://localhost:8080/springmvc-2/test/toForm.do

jquery-1.6.2.js下載：http://pan.baidu.com/s/1o6nwWP0
專案下載：http://pan.baidu.com/s/1pJwix2V這篇文章寫得不錯可以看看:http://elf8848.iteye.com/blog/875830/

springmvc返回值、資料寫到頁面、表單提交、ajax、重定向

資料寫到頁面

後臺往前臺傳資料

另外一種方式：

建議使用方式：

不需要頁面跳轉：ajax

以上方法不建議使用，建議使用：

表單：

請求方式的指定：

重定向：

同一個 controller

Controller之間的重定向：

提交form表單---修改密碼 ajax、jQuery

表單提交Post方法、Get方法背後的祕密

表單提交方式get、post

表單提交Post方法、Get方法

Action如何接收jsp頁面form表單提交的資料？

jsp頁面from表單提交到資料庫亂碼問題

JAVA Web頁面F5重新整理重複提交form表單問題(後端Servlet重定向)

springmvc返回值、資料寫到頁面、表單提交、ajax、重定向

SpringMVC的學習（五）——SpringMVC返回值、SpringMVC實現檔案上傳

jsp form表單提交獲取返回資料（也可用來上傳檔案、圖片）

Vue.js實現雙向資料繫結（表單自動賦值、表單自動取值）

springmvc + freemarker 解決表單提交、頁面顯示亂碼的問題

大型分布式項目項目實戰Springmvc+Spring+Mybatis+Maven+CMS+Redis+Solr+Linux+Nginx+單點登錄、分布式緩存、負載均衡視頻課程

SpringMVC （八）SpringMVC返回值類型之返回Void

通過form的action屬性提交表單並接收處理返回值的方法（頁面不跳轉）

JAVA程式設計122——SpringMVC返回值型別控制/跳轉方式/JSON響應

Ajax（form表單檔案上傳、請求頭之contentType、Ajax傳遞json資料）

cpp指標引用做返回值的資料研究附圖

使用form表單提交登陸資料，控制器返回另一個頁面

微信小程式學習筆記（三）表單提交、PHP後臺資料互動

springmvc返回值、資料寫到頁面、表單提交、ajax、重定向

資料寫到頁面

後臺往前臺傳資料

另外一種方式：

建議使用方式：

不需要頁面跳轉：ajax

以上方法不建議使用，建議使用：

表單：

請求方式的指定：

重定向：

同一個 controller

Controller之間的重定向：

相關推薦