Question

想知道如何改进此代码，以便在删除评论时不启用页面刷新。如果你在页面中间删除评论并且它恢复到顶部，那就太烦人了。

AJAX

    function delete_(pid){
    $.ajax({
       type: "POST",
       url: "../include/post.delete.php",
       data: "pid="+pid,
       success: function(){
       }
     });
    }

DELETEPOST
    echo'<div class="userinfo"><div id="divider">';

            if($streamitem_data['streamitem_type_id'] == 1||$streamitem_data['streamitem_type_id'] == 3){
                echo "";
                }else{
                echo "";
                }

                $poster_name = _user_core::getuser($streamitem_data['streamitem_creator']);
                $target_name = _user_core::getuser($streamitem_data['streamitem_target']);


            if($streamitem_data['streamitem_type_id'] == 1||$streamitem_data['streamitem_type_id'] == 3){
            if(!($streamitem_data['streamitem_type_id']==1)) {

                echo "<a href='/profile.php?username=".$poster_name['username']."'><img class='stream_profileimage' style='border:none;padding:0px;display:inline;' border=\"0\" src=\"imgs/cropped".$streamitem_data['streamitem_creator'].".jpg\" onerror='this.src=\"img/no_profile_img.jpeg\"' width=\"40\" height=\"40\" ></a>";

echo "<a href='/profile.php?username=".$target_name['username']."'><img class='stream_profileimage' style='border:none;padding:0px;display:inline;' border=\"0\" src=\"imgs/cropped".$streamitem_data['streamitem_target'].".jpg\" onerror='this.src=\"img/no_profile_img.jpeg\"' width=\"40\" height=\"40\" ></a>";
            }
                if(!($streamitem_data['streamitem_type_id']==3)) {
                echo "<a href='/profile.php?username=".$poster_name['username']."'><img class='stream_profileimage' style='border:none;padding:0px;display:inline;' border=\"0\" src=\"imgs/cropped".$streamitem_data['streamitem_target'].".jpg\" onerror='this.src=\"img/no_profile_img.jpeg\"' width=\"40\" height=\"40\" ></a>";

                }
                    $cont = stripslashes($streamitem_data['streamitem_content']);

                    if(!($streamitem_data['streamitem_type_id']==1)){
                    //$cont = htmlentities($cont);
                    $cont = ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]","<a class='user_link' href=\"\\0\">\\0</a>", $cont);

                    }


                    if($streamitem_data['streamitem_creator']==$streamitem_data['streamitem_target']){
                        echo "<a href='/profile.php?username=".$poster_name['id']."'>" . $poster_name['fullusersname']."</a><span class='subtleLink'> said </span>";
                    }else{
                        echo "<a href='profile.php?username=".$poster_name['username']."'>" .$poster_name['fullusersname']."</a>  
                        <span class='subtleLink'>wrote on </span>
                              <a href='profile.php?username=".$poster_name['username']."'>" .$target_name['fullusersname']." 's</a> stream";
                    }
                    echo "<br/><a href='#' class='subtleLink' style='font-weight:normal;'>".Agotime($streamitem_data['streamitem_timestamp'])."</a></div><hr><div style='padding-left:10px;padding-right:10px;'>";

                    if($streamitem_data['streamitem_type_id']==1){
                    $cont = nl2br($cont);
                    echo "<span class='subtleLink'>".$cont."</span>";
                    }else{

                        if($streamitem_data['streamitem_creator']==$streamitem_data['streamitem_target']){
                        $cont = nl2br($cont);
                            echo "<div>".$cont."</div>";
                        }else{
                        $cont = nl2br($cont);
                        echo "<div>'".$cont."</div>";

                        }

                    }


        echo "</div><div class='post_contextoptions'>";
    if($streamitem_data['streamitem_creator']==$_SESSION['id']){
        echo "<div class='stream_option' id='delete_option'><form style='display:inline;' id='delete_".$streamitem_data['streamitem_id']."'  action='include/post.delete.php' method='POST' target='ifr2'><input type='hidden' name='pid' value='".$streamitem_data['streamitem_id']."'><a style='cursor:pointer;position:relative;top:-70px;float:right;padding-right:5px;' onClick='document.forms[\"delete_".$streamitem_data['streamitem_id']."\"].submit();refreshstream();'>X</a></div>";

}

Answer 1

您需要在刚刚删除的评论元素上调用.remove()。您需要弄清楚如何识别它。有一种方法：

function delete_(pid){
    $.ajax({
       type: "POST",
       url: "../include/post.delete.php",
       data: "pid="+pid,
       success: function(){
           // However you can identify the comment's div, and delete it by calling .remove()
           // This is if it has a unique id
           $("#comment-"+pid).remove();
       }
     });
}

否则，如果您使用<a href="javascript:delete_(pid);">，则可以添加<a href="javascript:delete_(pid, this);">之类的参数。这样您就可以通过$(the_element_you_passed_to_the_function).parents("div.the-comment-div-parent").remove()获取元素。

否则，如果您使用此方法，则可以在$("a").click(function {});内部实现此功能。这取决于你。

删除评论而不刷新页面

1 个答案: