Spring MVC ajax传Json值、取返回值（@RequestParam和@RequestBody区别）

最新推荐文章于 2022-08-12 13:11:55 发布

两眼墨黑

最新推荐文章于 2022-08-12 13:11:55 发布

阅读量5.6k

点赞数 1

分类专栏： web 文章标签： Ajax传值 SpringMvc Json @RequestParam @RequestBody

本文链接：https://blog.csdn.net/qq_32647655/article/details/80493737

版权

web 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

前端界面

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <script src="../js/jquery-1.11.0.min.js"></script>
    <script>
        $(document).ready(function () {
        })
    </script>
</head>
<body>
<div style="margin: 20% 40%">
    <h3 id="h3cc">功能</h3>
    <input type="button" value="取值触发" id="bt1"/>
    <input type="button" value="传Str值触发" id="bt2"/>
    <input type="button" value="传Obj值触发" id="bt3"/>
</div>
<script>
    $("#bt1").click(function () {
        getUser();
    });
    $("#bt2").click(function () {
        paramJson();
    });
    $("#bt3").click(function () {
        bodyJson();
    });
    function bodyJson(){
        var jsonMessage = [{'id':'00005','gender':'男','name':'张小明','type':'用户'},{'id':'00006','gender':'男','name':'李小明','type':'用户'}];
        $.ajax({
            url : "http://10.0.1.46:8080/springmvc/user/bodyJson",
            type : "post",
            async : true,
            contentType : "application/json",
            data : JSON.stringify(jsonMessage),
            dataType : 'text',
            success : function(data) {
                alert(data);
            },
            error: function () { alert("error"); }
        });
    }
    function paramJson(){
        var jsonMessage = {result:"[{'id':'00005','gender':'男','name':'张小明','type':'用户'},{'id':'00006','gender':'男','name':'李小明','type':'用户'}]"};
        $.ajax({
            url : "http://10.0.1.46:8080/springmvc/user/paramJson",
            type : "post",
            async : true,
            //contentType : "application/json",
            data : jsonMessage,
            dataType : 'text',
            success : function(data) {
                alert(data);
            },
            error: function () { alert("error"); }
        });
    }

    function  getUser() {
        <!--ajax取值-->
        var jsonObject = {
            "userId":"admin",
            "password":1
        };
        var jdata={userId:"admin"};
        //alert(jdata.userId);
        $.ajax({
            url : "http://10.0.1.46:8080/springmvc/user/getUser",
            type : "post",
            async : true,
            //contentType : "application/json",
            data :{userId:"admin"},
            dataType : 'json',
            success : function(rs){
                alert(rs.type);
            },
            error: function () { alert("error"); }
        });
    }



    //type:RequestBody
    /**/
    //type:RequestParam
    /*
   */
</script>
</body>
</html>

后端控制层

//接收复杂JSON测试
@RequestMapping(value = "/paramJson")
@ResponseBody
public String paramJson(@RequestParam String result){
    /*JSONArray arr = (JSONArray) JSONArray.parse(result);
    for(int i=0;i<arr.size();i++){
        System.out.println(arr.get(i).toString());
    }*/
    System.out.println("UserController====paramJson==============================================测试JSON！"+result);

    return "success";
}

//接收复杂JSON测试
@RequestMapping(value = "/bodyJson")
@ResponseBody
public String bodyJson(@RequestBody NewUser[] result){
    /*JSONArray arr = (JSONArray) JSONArray.parse(result);
    for(int i=0;i<arr.size();i++){
        System.out.println(arr.get(i).toString());
    }*/
    System.out.println("UserController====bodyJson==============================================测试JSON！"+result);

    return "success";
}

//根据id获得用户信息
@RequestMapping(value = "/getUser")
@ResponseBody
public User getUsers(@RequestParam String userId) {
    //调用service方法得到用户列表
    User users = userService.selectByPrimaryKey(userId);

    System.out.println("UserController==================================================成功查询用户！"+userId);
    return users;
}

两眼墨黑

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
Spring MVC ajax传Json值、取返回值（@RequestParam和@RequestBody区别）

前端界面&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;测试&lt;/title&gt; &lt;script src="../js/jquery-1.11.0.min.js"&gt;&lt;/script&
复制链接

扫一扫

专栏目录