使用 jsp、servlet 和 ajax 发表评论

Question

我正在尝试使用 jsp、servlet 和 ajax 创建评论部分。我面临的问题是每条评论都会替换它的前一条，而不是显示在它旁边。

非常感谢任何形式的帮助。

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#submitBtn').click(function() {
        var cmt = $('#cmt').val();
        $.ajax({
            type : 'POST',
            data : {
                cmt : cmt,
                action : 'EnterMsg'
            },
            url : 'SubmitComment',
            success : function(result) {
                $('#view2').text(result);
            }
        });
    });
});

</script>
</head>
<body>
    <fieldset>
        <legend>Enter Message</legend>
    <form>
        Ques.<input type="text" id="cmt"> <input type="button"
            value="Send" id="submitBtn"><br> <span id="post1"></span>
    </form>
</fieldset>
<fieldset>
    <legend>View Message</legend>
    <form>
        <div id='view2'></div>
        <br>
    </form>
</fieldset>

Answer 1

试试

 var html='';
   $.ajax({
    dataType: "json",
    url: "SubmitComment",
    error: function () {
          alert('error occured');
    },
    success: function (result) {
    for(var key in result) {
    var value = result[key];
        html+='<div>'+key+':'+value+'</div>'
    }
    $("#view2").append(html);

    }
});

代替

 success : function(result) {
            $('#view2').text(result);
        }

因为您从 ajax 响应中获得了多个 cmets，您必须迭代每个 cmets 并附加到您的 div 标记