首页 > Web开发 > 详细

前后台JSON交互

时间:2017-07-21 09:48:40      阅读:258      评论:0      收藏:0      [点我收藏+]

基础环境 spring+mybatis

技术分享
        function postUser(){
            var userName=$("input[name=‘userName‘]").val(); 
            var age=$("input[name=‘age‘]").val();
            var model=new Object();
            model.userName=userName;
            model.age=age;            
             $.ajax({
                 type : ‘post‘,
                 url : ‘<%=basePath%>user/postUser‘,
                 //设置contentType类型为json
                 contentType : ‘application/json;charset=utf-8‘,
                 //json数据
                 data : JSON.stringify(model),
                 //请求成功后的回调函数
                 success : function(data) {
                          alert(data.result);
                 },
                 error: function (XMLHttpRequest, textStatus, errorThrown) {
                     alert(‘服务器请求超时!‘);
                 },

               });
        }
前台
技术分享
    @RequestMapping(value="/postUser",method=RequestMethod.POST)
    public void postUser(@RequestBody String objJson,HttpServletRequest request,HttpServletResponse response){    
        System.out.println("postUser");
        String result = "{\"result\":\"success\"}";
        try {

            System.out.println(objJson);
            response.setContentType("application/json");
            PrintWriter out = response.getWriter();
            out.write(result);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
controller

 

前后台JSON交互

原文:http://www.cnblogs.com/liandy0906/p/7215626.html

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