從$ .Ajax返回一個部分視圖Post

Question

我有以下代碼;

 $.ajax({ 
      url: "/Home/jQueryAddComment", 
      type: "POST", 
      dataType: "json", 
      data: json, 
      contentType: 'application/json; charset=utf-8', 
      success: function(data){ 
       //var message = data.Message; 
       alert(data); 
       $('.CommentSection').html(data); 
      } 

而在我的控制器;

[ValidateInput(false)] 
    public ActionResult jQueryAddComment(Comment comment) 
    { 
     CommentSection commentSection = new CommentSection(); 

     //ya da - ya da 
     // fill the commentsection object with data 

     //then 
     return PartialView("CommentSection", commentSection); 

    } 

但是，當我回到頁面時，成功警報不會發生。任何人都可以看到這個邏輯中的缺陷嗎？

Answer 1

您的期望JSON在.Ajax POST中，但在ActionMethod中您返回了PartialView？

嘗試：

$.ajax({ 
    url: "/Home/jQueryAddComment", 
    type: "POST", 
    dataType: "html", 
    data: json, 
    success: function(data){ 
     //var message = data.Message; 
     alert(data); 
     $('.CommentSection').html(data); 
    } 
} 

Answer 2

除非它被複制錯誤它出現你缺少一些收令牌。

 $.ajax({ 
     url: "/Home/jQueryAddComment", 
     type: "POST", 
     dataType: "json", 
     data: json, 
     contentType: 'application/json; charset=utf-8', 
     success: function(data){ 
      //var message = data.Message; 
      alert(data); 
      $('.CommentSection').html(data); 
      } //<-- added close for anonymous function 
     }); //<--added close/semicolon for ajax function 

此外，您正在發佈，但它的行爲似乎沒有[Post]屬性。當你在調試器中運行這個命令時，你的操作中的斷點會被觸發嗎？