springmvc与ajax

包

1.前端

<button id="btn" onclick="jsonFuc()">json测试</button>
function jsonFuc(){     
      $.ajax({
        url: 'springmvc/testJsonList',
        type: 'POST',
            dataType:'json',
            async:true,
            data:{username:'123',age:'12'},
            success:function(data) {
                console.log(data)                
              }
    });
}

后台

@ResponseBody
    @RequestMapping("/testJsonList")
    public List<User> testJsonList(@RequestParam String username,@RequestParam Integer age){
        System.out.println(username+"   "+age);
        List<User> userlist = new ArrayList<User>();
        User user =new User();
        user.setId(1);
        user.setAge(12);
        user.setEmail("11@qq.com");
        user.setUsername("张扬");
        user.setPassword("123456");
        user.setSex("男");
        
        User user1 =new User();
        user1.setId(2);
        user1.setAge(12);
        user1.setEmail("11@qq.com");
        user1.setUsername("张扬");
        user1.setPassword("123456");
        user1.setSex("男");
        
        userlist.add(user);
        userlist.add(user1);
        return userlist;        
    }

 结果显示

页面页面

控制台打印123  12

 

2.传递json字符串

<button id="btn" onclick="jsonFuc()">json测试</button>
function jsonFuc(){
    var users = {'username':'123','age':'12'};
        
    $.ajax({
        url: 'springmvc/testJsonMap',
        type: 'POST',
            dataType:'json',
            async:true,
            data:{users:JSON.stringify(users)},
            success:function(data) {
                console.log(data)                
              }
    });
 }

@ResponseBody
    @RequestMapping("/testJsonMap")
    public Map<String,Object> testJsonMap(@RequestParam String users){
        System.out.println(users);
        JSONObject json=JSONObject.fromObject(users);
        System.out.println(json);
        System.out.println(json.getString("username")+"  "+json.getString("age"));
        Map<String, Object> map = new HashMap<String, Object>();
        List<User> userlist = new ArrayList<User>();
        User user =new User();
        user.setId(1);
        user.setAge(12);
        user.setEmail("11@qq.com");
        user.setUsername("张扬");
        user.setPassword("123456");
        user.setSex("男");
        
        User user1 =new User();
        user1.setId(2);
        user1.setAge(12);
        user1.setEmail("11@qq.com");
        user1.setUsername("张扬");
        user1.setPassword("123456");
        user1.setSex("男");
        userlist.add(user);
        userlist.add(user1);
        map.put("user", userlist);
        map.put("id", 1);
        return map;        
    }