ajax异步交互

jquery中对ajax做了很好的封装。可以使用$.ajax() , $.post() , $.get()方法。

$.ajax({

　　url: "",

　　data: "",

　　success:function(data){},

　　error:function(msg){}

})
post和get方法一样。其中url和success函数是必须的。

 

springmvc使用ajax。在方法上添加注解 @ResponseBody

    @RequestMapping(value = "/json1")
    @ResponseBody
    public List<User> json() throws JsonProcessingException {

        //需要一个jackson的对象映射器，就是一个类，可以将对象转换成json字符串
        ObjectMapper om = new ObjectMapper();
        List<User> list = new ArrayList();
        User u1 = new User("json",12);
        User u2 = new User("鎏金",12);
        list.add(u1);
        list.add(u2);
        //将java对象转换成json字符串
        //String s = om.writeValueAsString(list);

        return list;
    }
    @RequestMapping(value = "/json2")
    @ResponseBody
    public String json2() throws JsonProcessingException {
        User u1 = new User("json",12);
        return JsonUtil.getJson(u1);
    }

前端ajax代码：

用户名：<input type="text" id="uname">
</body>
<script>
    alert($);
    $(function(){
        $("#uname").blur(function(){
            $.ajax({
                url:"/json/json1",
                success:function(data){
                    console.log(data);
                }
            })
        })
    })
</script>