Springmvc-ajax方式訪問springmvc

題外話

這幾天要要寫項目了,Springmvc要先放下了,等放假在學,這幾天認真寫項目,實戰!

正文

web.xml與springmvc-servlet.xml兩個配置文件與上一篇一樣

.java

package com.controller;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import com.entity.Person;

@Controller
@RequestMapping("/test")
// 相似於命名空間,唯一標識一個Controller,防止名稱重複
public class TestAnnController {
	/**
	 * desc 參數列表中直接定義PrintWriter,來往頁面寫內容
	 * 
	 * Ajax訪問springmvc返回類型是void
	 * 
	 * @param name
	 * @param out
	 */
	@RequestMapping("/ajax1.do")
	public void ajax1(String name, PrintWriter out) {
		String result = "hello" + name;
		out.print(result);
	}

	/**
	 * desc 頁面跳轉
	 * 
	 * @return
	 */
	@RequestMapping("/toAjax.do")
	public String toAjax() {
		return "toAjax";
	}
}

toAjax.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<title>My JSP 'index.jsp' starting page</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	$(function() {
		$("#mybutton").click(function() {
			var mytext = $("#mytext").val();
			$.ajax({
				url : "test/ajax1.do",
				type : "post",
				dataType : "text",
				data : {
					name : mytext
				},
				success : function(responseText) {
					alert(responseText);
				},
				error : function() {
					alert("System error");
				}
			});
		});
	});
</script>
</head>

<body>
	<input type="text" id="mytext">
	<input type="button" value="提交" id="mybutton">
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章