如何在提交评论后刷新我的div？

Question

我在我的项目中使用smarty framework，我完全完成了我的评论系统，但我无法得到我想要的确切结果。

这是我在event-detail.php内的PHP代码：

$event_comment = $eventComment->geteventcomment($record, $startfrom, $max);
$tpl->assign("event_comment", $event_comment);
$tpl->display("event-detail.html"); 

这是event-detail.php内的HTML代码：

//this is javasctipt
    <script type="text/javascript">
        // on post comment click 
        $('.bt-add-com').click(function(){
                $.ajax({
                    type: "POST",
                    url: "add-comment.php",
                    data: 'act=add-com&event_id='+theEventId.val()+'&comment='+theCom.val()+'&user_id='+theUserId.val()+'&user_name='+theUserName.val()+'&file_path='+theFilePath.val(),
                    success: function(html){
                        theCom.val('');
                        theEventId.val('');
                        theUserId.val('');
                        theUserName.val('');
                        theFilePath.val('');
                        $('.new-com-cnt').hide('fast', function(){
                            $('.new-com-bt').show('fast');
                            $('.new-com-bt').before(html);  
                        })
                    }  
                });

        });

    });
</script>
<div class="content-container-left">
<{section name=thisrsa loop=$event_comment}>

    <div class="comment-box">
        <div class="comment-listing">
        <div><small><{$event_comment[thisrsa].date}></small></div>
            <div class="avatar">
                <img src="<{$smarty.const._CONST_CONTENT_MEMBER_THUMBNAIL}><{$event_comment[thisrsa].file_path}>"/> 
                <p><{$event_comment[thisrsa].name}></p>
            </div>
            <div class="comment-template">
                <p><{$event_comment[thisrsa].content}></p>
            </div>
        </div>
    </div>
   <{/section}>
</div>

这是我做过的SQL语句限制每个页面显示3条记录：

function geteventcomment($record, $startfrom, $max){
            global $db,$comment;
            $arrResult = array();

            $stmt = "SELECT tbl1.event_id, tbl2.name, tbl2.file_path, tbl1.text, tbl1.modified_timestamp, tbl1.creation_timestamp FROM "._CONST_TBL_EVENT_COMMENT." tbl1, "._CONST_TBL_ALUMNI." tbl2 WHERE tbl1.event_id = $record AND tbl1.member_id = tbl2.id ORDER BY tbl1.creation_timestamp DESC";
            $stmt .= " LIMIT $startfrom, $max";
            if($rs = $db->Execute($stmt))
            {
                while($rsa = $rs->FetchRow())
                {
                    array_push($arrResult, array(
                        "id" => $record,
                        "name" => $rsa['name'],
                        "file_path" => $rsa['file_path'],
                        "content" => $rsa['text'],
                        "date" => $rsa['modified_timestamp']
                    ));
                }           
            }           
            return $arrResult;
        }

我的网站收到了以下结果：

但我真正想要的是刷新div并让它只在我的网站上显示最新的3条评论，如下所示：

我希望我能得到你们的帮助。

Answer 1

请检查以下代码是否有帮助。

$('.new-com-cnt').hide('fast', function(){
  $('.new-com-bt').show('fast');
  $('.new-com-bt').empty().append(html);  
});