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 respose获得了多条评论，因此您必须迭代其中的每条评论并附加到div代码

使用jsp，servlet和ajax发表评论

1 个答案: