Spring MVC Ajax Post 400错误(错误请求)

时间:2016-03-03 02:46:55

标签: ajax spring-mvc

所以我正在使用Spring MVC,我正在尝试做一个ajax帖子,将comment添加到Post实体,就像典型的社交网络一样。我在Chrome开发人员工具中发现了一个错误Failed to load resource: the server responded with a status of 400 (Bad Request)。我想这可能意味着我的控制器出了问题,但是这个设置的方式,它不会让我在调试模式下检查出来。

我会告诉大家一起工作的所有代码片段,这样你们就可以更好地理解我的问题了。

所以这是我的Ajax,一切都在运行,并发送“有一个错误”消息,所以它至少运行代码并到达控制器。

CDATA的内容也适用于Thymeleaf。

<script th:inline="javascript">

        /*<![CDATA[*/

        var postById = /*[[${postById.id}]]*/'1';

        var token = $("meta[name='_csrf']").attr("content");
        var header = $("meta[name='_csrf_header']").attr("content");

        $(document).ajaxSend(function(e, xhr, options) {
            xhr.setRequestHeader(header, token);
        });

        $(document).ready(function(){
        $("#submit").on("click", function(ev) {
            ev.preventDefault();
            $.ajax({
                url : "newComment",
                type : "post",
                data : {
                    "postById" : postById,
                    "newComment" : $("#newComment").val()
                },
                success : function(data) {
                    console.log(data);
                    location.reload();
                },
                error : function() {
                    console.log("There was an error");
                    //location.reload();
                }

            });
        });
      });
    /*]]>*/

</script>

这是我的控制器获取方法

@RequestMapping(value="viewCourse/post/{postId}", method=RequestMethod.GET)
public ModelAndView postViewGet (@RequestParam(value = "pageSize", required = false) Integer pageSize,
        @RequestParam(value = "page", required = false) Integer page, @PathVariable Long postId) {
    ModelAndView modelAndView = new ModelAndView("post");
{  

// Evaluate page size. If requested parameter is null, return initial
// page size
int evalPageSize = pageSize == null ? INITIAL_PAGE_SIZE : pageSize;
// Evaluate page. If requested parameter is null or less than 0 (to
// prevent exception), return initial size. Otherwise, return value of
// param. decreased by 1.
int evalPage = (page == null || page < 1) ? INITIAL_PAGE : page - 1;

//StudySet studySet = studySetRepo.findOne(studySetId);

//List <Row> rows = studySet.getRows();
//Set<Row> rowSet = new TreeSet<Row>(rows);

Post postById = postRepo.findOne(postId);

Comment comment = new Comment();

Page<Comment> postComments = commentService.findByPostOrderByIdDesc((postById), new PageRequest(evalPage, evalPageSize));
Pager pager = new Pager(postComments.getTotalPages(), postComments.getNumber(), BUTTONS_TO_SHOW);

modelAndView.addObject("postId", postId);
modelAndView.addObject("postById", postById);
modelAndView.addObject("postComments", postComments);
modelAndView.addObject("comment", comment);
modelAndView.addObject("selectedPageSize", evalPageSize);
modelAndView.addObject("pageSizes", PAGE_SIZES);
modelAndView.addObject("pager", pager);
return modelAndView;
}
}

这是我的控制器发布方法

@RequestMapping(value="viewCourse/post/newComment", method=RequestMethod.POST)
public @ResponseBody Post newComment (@Valid @RequestParam Long postId, @RequestParam String newComment, ModelMap model, @AuthenticationPrincipal User user)
{
Post post = postRepo.findOne(postId);
Comment comment = new Comment();
comment.setComment(newComment);
comment.setPost(post);

comment.setDate(LocalDate.now());
comment.setTime(LocalTime.now());
comment.setDateTime(LocalDateTime.now());

comment.setUser(user);

user.getComments().add(comment);

post.getComments().add(comment);

commentRepo.save(comment);
Post savedPost = postRepo.save(post);

return savedPost;
}

此外,我在实体对象中有一些注释,可能与它有关。

这是我的用户实体

@OneToMany(fetch = FetchType.EAGER, cascade = CascadeType.ALL, mappedBy = "user", orphanRemoval = true)
@JsonManagedReference
public Set<Comment> getComments() {
    return comments;
}

public void setComments(Set<Comment> comments) {
    this.comments = comments;
}

这是我的评论实体

@ManyToOne
@JsonBackReference
public User getUser() {
    return user;
}

public void setUser(User user) {
    this.user = user;
}

此处还有Chrome开发者工具中我的控制台的图片,所以你们可以看到它向我展示的确切内容。

Chrome Console

如果有人能够看到我出错的地方并指出我正确的方向,那就太好了,谢谢你。

如果你们需要查看任何其他代码,请告诉我。

1 个答案:

答案 0 :(得分:0)

我的问题出现在Ajax中,我正在寻找postById.id,当我应该只使用我在控制器中的Get方法中添加到模型中的postId时。 p>