jquery - 异步更新 div ---更新评论

Question

我有一个如下的文本区域

@Html.TextArea("txtComments", new {@style = "width: 450px;",@placeholder = "Enter Comments here" })

并且当用户点击时，使用 JQUERY AJAX 添加正在保存（用户输入的评论和时间）到数据库。

在此之后，我需要在文本区域上方的 div 中显示数据，无论用户输入的是时间还是以前的评论。

我如何在 mvc razor 中实现这一点。

这将是类似的FB

Answer 1

将注释添加到 ajax 成功回调中您想要的任何位置，例如

$(function(){
 $("#asd").click(function(e){    
    e.preventDefault();
    var $comment = $("textarea").val();   
    console.log($comment);
    //send comments to the server for saving
    //and in the success callback add the comments to the div like
    $.ajax({
        url:'/echo/json/',
        success:function(data){
            $("<li/>",{text:$comment}).appendTo("#commentsss ul");
        }
    });
});
});

http://jsfiddle.net/rM39e/8/

Answer 2

创建一个将接受 entityId 并按排序顺序返回其注释的局部视图。然后使用客户端 javascript 按需或按特定时间间隔加载该部分视图。

如果您希望按需完成此操作，只需使用 $.get 将评论加载到任何容器 Div 中。

参考这个：jQuery $.Get

e.g. $("#comments").get({...})