如何使用jquery和PHP更改div内容

因此，我有一些代码，允许用户单击图标将该项目保存到他们的收藏夹或从收藏夹中删除。我想使用jquery/AJAX更改图标。我想知道如何从PHP文件返回代码来更新页面而不重新加载。 基本上，我想更新心脏图标的颜色，并添加或删除“保存”一词

以下是显示div的AJAX代码：

function deleteLink( deleteID ){

var deletedID = deleteID;

$.ajax({
    method: "POST",
    url: "deleteLink.php",
    dataType: "json",
    data:  { 'deletedID' : deletedID },

    success: function(deleteIDFunc){
        var deleteIDFunc = $.trim(deleteIDFunc);
        if(deleteIDFunc){               
            $('#removeSaved').html(deleteIDFunc); //<-how can I change the div so that it will display the other icon
        }
        else {
            alert('Your saved post was not removed. Please try again');
        }
    }
});
}

函数deleteLink（deleteID）{
var deletedID=deleteID；
$.ajax({
方法：“张贴”，
url:“deleteLink.php”，
数据类型：“json”，
数据：{'deletedID'：deletedID}，
成功：函数（deleteIDFunc）{
var deleteidunc=$.trim（deleteidunc）；
如果（deleteidunc）{
$（'#removeSaved'）.html（deleteIDFunc）；//prepare（$query）；
$stmt->execute（）；
$returnID=“确定”；
echo$returnID；
}否则{
返回false；
}
如果（isset（$_POST['deletedID']））{
$id=检查输入（$\u POST['deletedID']）；
$query=“从savelink删除，其中savelink\u id=：id”；
$stmt=$conn->prepare（$query）；
$stmt->bindParam（':id'，$id）；
$stmt->execute（）；
$deleteIDFunc=''；//它很简单

您可以在“showSaved”中的以下内容之后添加到“removeSaved”div，并隐藏“removeSaved div”

例如：

$.ajax({
    method: "POST",
    url: "deleteLink.php",
    dataType: "json",
    data:  { 'deletedID' : deletedID },

    success: function(deleteIDFunc){
        var deleteIDFunc = $.trim(deleteIDFunc);
        if(deleteIDFunc){               
            $('#removeSaved').html(deleteIDFunc); //<-how can I change the div so that it will display the other icon
            $('#removeSaved').hide();
            $("#removeSaved").after('<span id="showSaved"><a href="javascript:void();" class="pull-right" onclick="saveLink('+deletedID +');">Save <i class="fa fa-heart"></i></a></span>');

        }
        else {
            alert('Your saved post was not removed. Please try again');
        }
    }
});

$.ajax({
方法：“张贴”，
url:“deleteLink.php”，
数据类型：“json”，
数据：{'deletedID'：deletedID}，
成功：函数（deleteIDFunc）{
var deleteidunc=$.trim（deleteidunc）；
如果（deleteidunc）{
$（'#removeSaved'）.html（deleteIDFunc）；//在您的PHP代码中，如果添加或删除到JS代码中的收藏夹，您应该返回。您只需检查PHP代码返回的内容并使用css类更改颜色。感谢@MorganFreeFarm的回复，我实际上希望更改div并添加或删除单词“save”以及颜色。我更新了我的问题。您可以将id设置为anchor并使用
$（“#saveButton”）.text（'NEW text'）；
其中
NEW text
是您的文本，您可以在每次单击时对其进行更改？太好了，这正是需要的。谢谢@Farveen Hassan
if(isset($_SESSION['user_session']) && $row['saveUser_id'] == $_SESSION['user_session']){
    $returnNew .= '<span id="removeSaved"><a href="javascript:void();" class="pull-right" onclick="deleteLink('.$row['saveLink_id'].');"><i class="fa fa-heart" style="color:#d52917;"></i></a></span>';
}
else if(isset($_SESSION['user_session'])){
    $returnNew .= '<span id="showSaved"><a href="javascript:void();" class="pull-right" onclick="saveLink('.$row['topic_id'].');">Save <i class="fa fa-heart"></i></a></span>';
}

$.ajax({
    method: "POST",
    url: "deleteLink.php",
    dataType: "json",
    data:  { 'deletedID' : deletedID },

    success: function(deleteIDFunc){
        var deleteIDFunc = $.trim(deleteIDFunc);
        if(deleteIDFunc){               
            $('#removeSaved').html(deleteIDFunc); //<-how can I change the div so that it will display the other icon
            $('#removeSaved').hide();
            $("#removeSaved").after('<span id="showSaved"><a href="javascript:void();" class="pull-right" onclick="saveLink('+deletedID +');">Save <i class="fa fa-heart"></i></a></span>');

        }
        else {
            alert('Your saved post was not removed. Please try again');
        }
    }
});