发表评论后刷新div

Question

我想添加一条评论并立即使用 ajax 在线程中显示它

这是我的代码：

JSP：

<div class="comments">
     //Here i show the list of comments
    <logic:iterate id="comment" name="discussion" property="comments">
        <div class='comment'>
            <div class='title'> ${comment.author.firstName}<br>
                ${comment.date}</div>
            <div class='commentContent'>
                ${comment.content}
            </div>              
        </div>
    </logic:iterate>
</div>

//this is my comment form
<html:form action="/sauvegarderCommentaire.do" styleId="formComment">
    <label>Ecrire un commentaire:</label>
    <br>
    <textarea name="comment"> </textarea>
    <input type="submit" name="submit" id="submitComment" />
</html:form>

jquery：

$("#submitComment").click(
     function() {
         $("#formComment").ajaxSubmit({
                 error : function() {
                         alert("Il y a une erreur AJAX");
                 },
                 success: function(e) {                               
                           //Here I try to reload only the comments part of my page
                          $(".comments").load("/myApp/discussion.do .comments");
                 }
         });            
});

希望我说清楚了？！！ 否则我可以提供更多细节:)

Answer 1

试试这个。

首先将 id 添加到您的文本区域。

<textarea name="comment" id="tar"></textarea>

用这个替换你的jquery代码。

$('#submitComment').click(function() {
var tar = $('#tar').val();
$.ajax({
    type : "POST",
    url : "/myApp/discussion.do", //url where u want to send the request
    data : { tar : tar },
    success : function(resp){
        $('.commentContent').html(resp);
    },
    error : function(resp){
        alert("Error AJAX");
    }        
});
$(".comments").load("/myApp/discussion.do .comments");  
});