springmvc+json

一、在maven文件添加json依赖的包

    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.7.4</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.7.4</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.7.4</version>
    </dependency>

二、springmvc配置文件

    <bean  class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerMapping">
    </bean>
    <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
        <property name="messageConverters">
            <list>
                <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter" />
            </list>
        </property>
    </bean>

三、前台页面

    <script type="text/javascript">
        $(document).ready(function(){
            $("#button_submit").click(function(){
                //序列化表单元素，返回json数据
                var params = $("#userForm").serializeArray();
                $.ajax({
                    type:"POST",
                    url:"${pageContext.request.contextPath}/user/add.do",
                    data:params,
                    success:function(data) {
                        alert(data.msg);
                    },
                    error:function(e){
                        alert("出错:"+e);
                    }
                });
            });
        });
    </script>

      <form class="form-horizontal" id="userForm" role="form">
            <div class="form-group">
                <label class="col-sm-1 control-label">用户名</label>
                <div class="col-lg-3">
                    <input type="text" class="form-control" name="username" placeholder="请输入用户名">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">密码</label>
                <div class="col-sm-3">
                    <input type="password" class="form-control" name="password" placeholder="请输入密码">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">年龄</label>
                <div class="col-sm-3">
                    <input type="text" class="form-control" name="age" placeholder="请输入年龄">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-1 col-sm-3">
                    <button type="submit" class="btn btn-default">提交</button>   
                    <input type="button" id="button_submit" value="ajax提交">
                </div>
            </div>
        </form>

四、后台Controller类

    @ResponseBody
    @RequestMapping(value="/add",method = RequestMethod.POST)
    public Map<String, Object> add(User user) {
        userService.addUser(user);
        Map<String, Object> map = new HashMap<String, Object>();
        map.put("msg","添加成功");
        return map;
    }