前后台JSON交互

Posted 连先森

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前后台JSON交互相关的知识,希望对你有一定的参考价值。

基础环境 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交互的主要内容,如果未能解决你的问题,请参考以下文章

C# Ajax 返回json数据--前后台交互

json前后台数据交互 java后端怎么实现

在ssm框架中前后台数据交互均使用json格式

前后台JSON交互

前后端交互

Spring mvc 前后台通过json交互转