我正在尝试使用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>

最佳答案

尝试

 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响应中获得了多个注释,因此必须迭代每个注释并附加到div标记中

10-07 18:58
查看更多