`

Spring MVC 使用Json传输数据

 
阅读更多
JSP页面代码:
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>

<html>
<script type="text/javascript" src="/HelloWorld/js/jquery-1.9.1.js"></script>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function(){

	$("#save").click(function(){
		var userName =$("#userName").val();
		var age = $("#age").val();
		alert(userName+":"+age);
		var user ={userName:userName,age:age};
		$.ajax({
			url:"/HelloWorld/User1/addUser",
			dataType:"json",
		    type:"get",
		    data:user,
		    success:function(data){
		    	
		    	alert( "userName: " + data.userName+"age:"+data.age );
		    
		    }
		});
	});
	
	});
	
</script>
</head>

<body>

  <input type="text" id="userName" name="userName" />
  <br/>
  <input type="text" id="age" name="age"/>
  <input type="button" id="save" value="保存" />



</body>
</html>

Controller代码:
package test;

import java.io.IOException;
import java.io.PrintWriter;
import java.io.UnsupportedEncodingException;

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

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

import domin.User;

@Controller
@RequestMapping(value="/User1")
public class UserController {
	@RequestMapping("/addUser")
   public void addUser(HttpServletResponse response,User user) throws UnsupportedEncodingException{
		//输出要写成这种格式{"userName":"userName","age":"age"}
		String result ="{\"userName\":\""+user.getUserName()+"\",\"age\":\""+user.getAge()+"\"}";
		PrintWriter out = null;
		try {
			 out = response.getWriter();
			 out.write(result);
			 out.close();
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
   }
}

效果如下:


  • 大小: 12.9 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics