首页 > Web开发 > 详细

ajax异步交互

时间:2020-11-19 20:06:14      阅读:33      评论:0      收藏:0      [点我收藏+]

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>

 

ajax异步交互

原文:https://www.cnblogs.com/Difcipo/p/14007325.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!