博客

springboot后台接收参数就是springMVC接收参数。普通参数传递就不介绍，本文章主要介绍后台用实体类接收参数。

1.前端传递js对象当做参数

     var title="title";
     var titlePic="titlePic"
     var slug="slug";
     var tags="tags";
     var categories="categories";
     //文章内容
     var content = testEditor.getMarkdown();
     //初始化js对象(看似和json字符串一样，其实是不同的数据格式)
     //变量名要跟实体类的变量名对应例如title后端对应的实体也要有变量名为title的成员变量
     var tContents={title:title,titlePic:titlePic,slug:slug,content:content,tags:tags,
                   categories:categories
             };

ajax请求

 $.ajax({
                type: 'POST',//方法类型
                url: "/article/saveBlogArtice",
                data: tContents,
                success: function (result) {
                    if (result.resultCode == 200) {
                        alert("保存成功")
                    }
                    else {
                        alert("保存")
                    }
                },
                error: function () {
                    alert("保存失败")
                }
            });

后端接收代码：

@RequestMapping(value ="/article/saveBlogArtice",method = RequestMethod.POST)
    public void saveBlogArticle( TContents tContents){
        try {
            //TContents tContents=new TContents();
            //tContents.setContent(content);
            blogService.savaBlogArticle(tContents);
        }catch (Exception e){

        }

    }

2.前端传递json字符当参数

            var title="title";
            var titlePic="titlePic"
            var slug="slug";
            var tags="tags";
            var categories="categories";
            //文章内容
            var content = testEditor.getMarkdown();
            //初始化js对象(看似和json字符串一样，其实是不同的数据格式)
            var tContents={
                 title:title,titlepic:titlePic,slug:slug,content:content,tags:tags,
                 categories:categories
             };
            //将js对象转为json字符串
            const data = JSON.stringify(tContents);
            $.ajax({
                type: 'POST',//方法类型
                url: "/article/saveBlogArtice",
                data: data,
                contentType:"application/json;charset=utf-8",
                success: function (result) {
                    if (result.resultCode == 200) {
                        alert("保存成功")
                    }
                    else {
                        alert("保存")
                    }
                },
                error: function () {
                    alert("保存失败")
                }
            });

后台接收：必需加上@RequsetBody注解，后台才会将json字符解析对应到实体

@RequestMapping(value ="/article/saveBlogArtice",method = RequestMethod.POST)
    public void saveBlogArticle(@RequestBody  TContents tContents){
        try {
            //TContents tContents=new TContents();
            //tContents.setContent(content);
            blogService.savaBlogArticle(tContents);
        }catch (Exception e){

        }

    }