后台接收Ajax传递参数为null的问题-总结

最新推荐文章于 2022-09-21 11:57:59 发布

qq_45767167

最新推荐文章于 2022-09-21 11:57:59 发布

阅读量4.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： java ajax js

本文链接：https://blog.csdn.net/qq_45767167/article/details/112388809

博客介绍了前后端数据传递的两种方式。第一种是将一个或多个参数放在 {} 内传递到后台，适合处理单个或几个数据，如更新、指定字段查询；第二种是直接传递整个页面的数据，适合数据插入，数据一般为 json 格式，避免二次封装。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种，传递一个或者多个参数到后台，进行数据处理的。

    $.ajax({
        type : "POST",
        url : prefix + "/IP",
        data : {
            id:id
        },
        async : false,
        success : function(data) {
            console.log(data)
        }
    });

说明：重点在于data处，我们一般传递一个或者多个数据时，都是把传递的参数放在 { } 内，这样传递的参数在后台直接进行接收。后台演示代码如下：

    @GetMapping("/user/result")
    @ResponseBody
    public AjaxResult result(Garms id){
        System.out.println(id);
        return null;
    }

2.传递参数的第二种形式：

 $.ajax({
        type: "GET",
        url: prefix + "/user/add",
        data: $("#form-user-add").serialize(),
        dataType: "json",
        success : function(data) {
            console.log(data)
        }
    });

说明：简单粗暴，直接进行整个页面的数据，这类的数据进行的是添加或者其他操作。就直接进行data：json数据或者其它类型的数据。

3.controller层数据。

    @GetMapping("/user/add")
    @ResponseBody
    public AjaxResult add(Garms garms){
        System.out.println(garms);
       // garmsService.insert(garms);
        return null;
    }

总结：如果需要处理的数据是一个数据或者几个数据时，需要选择第一种方式。{} 包裹数据进行传递。例如：在进行更新操作，或者通过指定字段进行查询时。第二种选择方式，在进行数据插入时候，不需要选择第一种方式，这种方式会把数据进行第二次封装。我们直接选择第二种方式，数据直接以我们指定的数据传递到后台，一般是json格式的。