springMVC利用json传数据到前台(二)
2014-05-22 21:04
253 查看
本文是本人在学习网络视频springMVC的过程中的学习笔记。
本文是记录从后台传到前台的过程。
前台接收部分
本文是记录从后台传到前台的过程。
@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"; }
前台接收部分
<%@ 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中利用json从后台穿数据到前台
- 解决springmvc 从后台获取json数据传入前台jsp中文显示???的方法
- 关于Grid++利用JSON前台填充数据
- Springmvc 4.x利用@ResponseBody返回Json数据
- 【SpringMVC学习07】SpringMVC与前台的json数据交互
- SpringMVC学习(十)——SpringMVC与前台的json数据交互
- springMVC利用FastJson接口返回json数据相关配置
- 【Servlet】在Servlet3.0中利用json+ajax把数据库查询出来的数据推向前台显示,无额外的json解析包
- (转)SpringMVC学习(十)——SpringMVC与前台的json数据交互
- 【SpringMVC学习09】SpringMVC与前台的json数据交互
- Spring MVC 自学杂记(五) -- SpringMVC与前台的json数据交互
- 【SpringMVC学习09】SpringMVC与前台的json数据交互
- Springmvc 4.x利用@ResponseBody返回Json数据
- Springmvc 4.x利用@ResponseBody返回Json数据
- springMVC利用FastJson接口返回json数据相关配置详解
- 前台利用javascript解析Json数据,生成编码折线
- 【SpringMVC学习09】SpringMVC与前台的json数据交互
- SpringMvc与前台的json数据交换
- 利用Struts2框架,将后台数据转化为JSON数据并返回到前台
- 利用springmvc提供一个HandlerExceptionResolver接口实现出错返回Json数据