SpringBoot后端接受前端传递对象参数

SpringBoot后端接受前端传递对象参数


最近用到SpringBoot前端传递参数给后端踩得一些坑分享给大家:

  • 代码
@Data
public class ArticleVo {
    @JsonProperty(value = "name")
    private String name;
    @JsonProperty(value = "author")
    private String author;
    @JsonProperty(value = "publichouse")
    private String publicHouse;
}

注意:一般规范的来讲前端传递的参数最好和对象一一对应,如果不对应的话则加上@JsonProperty(value = “**”)的注解

后端接收的代码

@PostMapping  ("/selective")
    @ResponseBody
    public Map<String, Object> searchSelective(@RequestBody(required = false) ArticleVo articleVo){}

注意如果使用@RequestBody必须用Post如果用get参数会传递不过去。

前端ajax传递参数

$("#search").click(
            function () {
                var adata = {
                    "name" : $("input[ name='title' ]").val(),
                    "author" : $("input[ name='author' ]").val(),
                    "publichouse":$("input[ name='publichouse' ]").val()
                }
                var data=JSON.stringify(adata);
                $.ajax({
                    type : "post",
                    data: data,
                    url : "/search/selective",
                    headers : {"Content-Type" : "application/json;charset=utf-8"},
                    success : function(data) {
                        if (data.success) {
                            handleList(data.articleList);
                        }
                    },
                    error :function () {
                        alert("查询失败")
                    }
                });
            }

上面中传递的参数一定要用JSON.stringify(paramdata); 方法将参数转换成json格式的字符串; 因为SpringBoot 中@RequestBody注解要求的必须是json格式的字符串才能注入参数, 第二就是请求中必须 带上请求头,不然会报错误

org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported

你可能感兴趣的:(springboot)