SpringMVC中利用json从后台穿数据到前台
2015-05-22 17:11
302 查看
利用json从后台传到前台userManager名称的页面中的过程。
[java] view
plaincopy
@RequestMapping(value="/addUserJson")
public String addUserJson(User user,HttpServletRequest request,HttpServletResponse response){
String result = "{\"userName\":\""+ user.getUserName() +"\",\"age\":\" "+ user.getAge()+" \"}";
PrintWriter out = null;
response.setContentType("application/json");
try {
out = response.getWriter();
out.write(result);
} catch (IOException e) {
e.printStackTrace();
}
return "userManager";
}
前台接收部分
[html] view
plaincopy
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/springMVC6/js/jquery-1.7.1.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
var userName = $("#userName").attr("value");
var age =$("#age").attr("value");
var user = {userName:userName,age:age};
$.ajax({
url:"/springMVC6/user/data/addUserJson",
type:"post",
data:user,
success:function(data){
alert("userName--->" + a.userName + "age--->" + a.age );
}
});
});
});
</script>
</head>
<body>
<h>json添加用户</h>
姓名:<input type="text" id="userName" name="userName">
年龄:<input type="text" id="age" name="age">
<input type="button" id="add" value="添加">
</body>
</html>
[java] view
plaincopy
@RequestMapping(value="/addUserJson")
public String addUserJson(User user,HttpServletRequest request,HttpServletResponse response){
String result = "{\"userName\":\""+ user.getUserName() +"\",\"age\":\" "+ user.getAge()+" \"}";
PrintWriter out = null;
response.setContentType("application/json");
try {
out = response.getWriter();
out.write(result);
} catch (IOException e) {
e.printStackTrace();
}
return "userManager";
}
前台接收部分
[html] view
plaincopy
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/springMVC6/js/jquery-1.7.1.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
var userName = $("#userName").attr("value");
var age =$("#age").attr("value");
var user = {userName:userName,age:age};
$.ajax({
url:"/springMVC6/user/data/addUserJson",
type:"post",
data:user,
success:function(data){
alert("userName--->" + a.userName + "age--->" + a.age );
}
});
});
});
</script>
</head>
<body>
<h>json添加用户</h>
姓名:<input type="text" id="userName" name="userName">
年龄:<input type="text" id="age" name="age">
<input type="button" id="add" value="添加">
</body>
</html>
相关文章推荐
- springMvc中前台ajax传json数据后台controller接受对象为null
- SpringMvc从后台返回到前台的json数据出现了乱码的问题
- springMVC利用json传数据到前台(二)
- 利用Struts2框架,将后台数据转化为JSON数据并返回到前台
- springmvc后台如何给前台传json数据
- java解析json数据(前台json数据封装后台springmvc解析)
- springMVC 前台传递json格式数据到后台
- 解决springmvc 从后台获取json数据传入前台jsp中文显示???的方法
- JSON解析类库之Gson(7) --- Gson与SpringMVC的整合,利用@ResponseBody返回Json数据
- easyui datagrid 前台批量传递数据到后台_json
- MVC中前台如何向后台传递数据------$.get(),$post(),$ajax(),$.getJSON()总结
- springMVC结合json向后台传送数据
- 【SpringMVC学习09】SpringMVC与前台的json数据交互
- jquery与后台进行数据交互--前台发单一数据对象,后台返回一个json字符串 jsp页面
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- ASP.NET利用JQuery中的Aajax实现JSON数据后台交互
- 将后台数据传到前台JSON应用
- 【SpringMVC学习09】SpringMVC与前台的json数据交互
- 将后台的表格数据转为json传到前台
- SpringMVC09---SpringMVC与前台JSON数据交互