码迷,mamicode.com
首页 > Web开发 > 详细

前后台JSON交互

时间:2017-07-21 10:19:37      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:post   result   基础   ror   blog   nbsp   超时   system   mod   

基础环境 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交互

标签:post   result   基础   ror   blog   nbsp   超时   system   mod   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!