Php Ajax—当数据位于结构逻辑（if/else）内部时的html（数据）

我的问题是关于相似与不同的系统。因此，如果单击了一个like按钮，将显示一个remove like按钮，否则，将通过ajax追加数据。我知道通过jquery创建ajax，但我的数据在结构逻辑（if&else）中

这是我的代码：

<?php 
        echo '<div class="clearfix">
        ';
        echo '<div class="pull-right" id="like-unlike-status'.$idStatus.'">
        ';
        $queryLikeStatus = $this->Member->likeStatus($idStatus,$id);
        $queryUnlikeStatus = $this->Member->unlikeStatus($idStatus,$id);

        $likeStatus = $queryLikeStatus->row_array();
        $dataLikeStatus[] = $likeStatus;

        $unlikeStatus = $queryUnlikeStatus->row_array();
        $dataUnlikeStatus[] = $unlikeStatus;

        foreach($dataLikeStatus as $likedStatus);
        foreach($dataUnlikeStatus as $unlikedStatus);
        $exLikers = explode(',', $likedStatus['user_like_status']);
        $exUnlikers = explode(',', $unlikedStatus['user_unlike_status']);
        $countLike = $likedStatus['like_status_count'];
        $countUnlike = $unlikedStatus['unlike_status_count'];
        echo '<span class="black margin-right10" style="font-size:10px">';
        if(!in_array($uid, $exUnlikers)){
         if(in_array($uid, $exLikers)){
            echo '<a id="delete-like-status'.$idStatus.'" role="button" onclick="deleteLikeStatus('.$idStatus.')" data-toggle="tooltip" title="Batal suka" class="like_status"><b class="app fontsize-xxhigh mdi mdi-thumb-up padding-right5"></b></a>';
         }
         else{
            echo '<a id="add-like-status'.$idStatus.'" role="button" onclick="likeStatus('.$idStatus.')" data-toggle="tooltip" title="Suka" class="like_status">
            <b class="grey fontsize-high mdi mdi-thumb-up padding-right5"></b></a>';
         }
        }
        else{
            echo '<a id="like-status'.$idStatus.'" role="button" data-toggle="tooltip" title="Suka" class="like_status" disabled="disabled">
            <b class="grey fontsize-high mdi mdi-thumb-up padding-right5"></b></a>';
        }
        if (empty($countLike) || $countLike == 0) {
            echo '<b class="app" title="Belum ada yg menyukai" data-toggle="tooltip" role="button">'.renumber(0).'</b>';
        }
        else {
         echo '<b class="app" id="liker-status'.$idStatus.'" role="button">'.renumber($countLike).'</b>';
        ?>

        <?php
        }
        echo '</sapn>
        <span class="black margin-right10" style="font-size:10px">';
        if(!in_array($uid, $exLikers)){
        if(in_array($uid, $exUnlikers)){
            echo '<a id="unlike-status'.$idStatus.'" role="button" href="'.site_url("proses/delete_unlike/".$idStatus).'" data-toggle="tooltip" title="Batal tidak suka" class="unlike_status"><b class="red fontsize-xxhigh mdi mdi-thumb-down padding-right5"></b></a>';
        }
        else{
            echo '<a id="unlike-status'.$idStatus.'" role="button" href="'.site_url("proses/add_unlike/".$idStatus).'" data-toggle="tooltip" title="Tidak suka" class="unlike_status">
            <b class="grey fontsize-high mdi mdi-thumb-down padding-right5"></b></a>';
        } 
        }
        else{
            echo '<a id="unlike-status'.$idStatus.'" role="button" data-toggle="tooltip" title="Tidak suka" class="unlike_status" disabled="disabled">
            <b class="grey fontsize-high mdi mdi-thumb-down padding-right5"></b></a>';
        }
        if (empty($countUnlike) || $countUnlike == 0) {
            echo '<b class="red" title="Belum ada yg tidak menyukai" data-toggle="tooltip" role="button">'.renumber(0).'</b>';
        }
        else {
         echo '<b class="red" id="unliker-status'.$idStatus.'" role="button">'.renumber($countUnlike).'</b>';
        ?>

        <?php
        }
        echo '</span>';

        echo '</div>';

            echo '<div class="pull-left">
            <span class="black sans time-status-'.$idStatus.'" style="padding-right:5px; padding-left:5px; padding-top:5px; padding-bottom:2.5px; font-size:10px"></span>
            </div>

        </div>';

那么问题是什么呢？我的问题是如何在上面的代码中通过ajax解析数据/html（数据），因此如果单击“添加类似项”，将插入数据库并自动移动到“删除类似项”部分。然后，如果单击“删除类似项”，则“添加类似项”的数据将被删除并自动移动到“添加类似项”部分。这样倒计时。我试图这样做，但当数据插入后，不会像我上面所说的那样自动移动到下一节。希望有任何解决方案：-）您可以返回HTML，然后替换HTML，或者通过为相似/不同状态指定一个专用端点来实现javascript中的更改，然后为js返回json以处理dom的更新。因为只有两种状态（相似/不相似），可以很容易地查找它的状态，并在单击时在它们之间切换。所以我必须使用replaceWith（）函数吗？但是我也有主意，使用setInterval（）函数自动重新加载，但是这两个函数有什么更好的地方呢？那么问题是什么呢？我的问题是如何在上面的代码中通过ajax解析数据/html（数据），因此如果单击“添加类似项”，将被插入数据库并自动移动到“删除类似项”部分。然后，如果单击“删除类似项”，则“添加类似项”的数据将被删除并自动移动到“添加类似项”部分。这样倒计时。我试图这样做，但当数据插入后，不会像我上面所说的那样自动移动到下一节。希望有任何解决方案：-）您可以返回HTML，然后替换HTML，或者通过为相似/不同状态指定一个专用端点来实现javascript中的更改，然后为js返回json以处理dom的更新。因为只有两种状态（相似/不相似），可以很容易地查找它的状态，并在单击时在它们之间切换。所以我必须使用replaceWith（）函数吗？但是我也有一个想法，使用setInterval（）函数自动重新加载，但是这两个函数中有什么更好的呢？