2016-03-03 127 views
0

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

我会告诉你们所有的代码一起工作,以便你们可以更好地理解我的问题。

因此,这是我的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> 

这里是我的控制器GET方法

@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; 
} 
} 

这里是我的控制器POST方法

@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

如果任何人都可以看到我要去哪里错了,并指出我在正确的方向,这将是巨大的,在此先感谢。

此外,如果你们需要看到任何其他代码,请让我知道。

回答

0

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