在IF-ELSE语句中实时更新PHP变量（更改图像）

我有一个Woocommerce网站，它有一个插件，客户可以在其中添加产品 他/她的愿望是按一个按钮。此按钮具有白色心形的图像。点击按钮后，白心必须变成红心。这是可行的，但只有在重新加载页面后才有效。所以我想让图像实时改变。我知道需要像AJAX这样的东西。映像的名称由变量$cls使用。这个用于图像的src中

我有以下代码：

<?php
if(is_user_logged_in()) {  
    $hlink=get_permalink()."?add_to_wishlist=".$post_ID;
    $a=1; 
} else {  $hlink='/login';$a=0; }
    $is_in_wishlist = YITH_WCWL()->is_product_in_wishlist( $post_ID );

    if($is_in_wishlist==1) { 
         $cls='red'; 
    } else {  
        $cls='white'; 
    }
?>      
<a href="<?php echo $hlink;?>" <?php if($a==1){ ?> rel='nofollow' <?php } ?> data-product-id="<?php echo $post_ID ?>" data-product-type="simple" class='add_to_wishlist'><img class="botButton" id="changeheartcolor"  src="//voice-overs.online/wp-content/themes/Impreza-child/images/voice-overs_online_heart-<?php echo $cls; ?>.svg">

数据产品id=“”数据产品类型=“简单”class='add_to_wishlist'>.svg'>

---

我怎样才能让它工作得如此之好（图）是否会直接更改而不刷新页面？

您需要使用javascript重新加载图像，而不是PHP问题—只需通过javascript更改图像的src值，也可以在更改前预加载图像。

您的ajax请求在哪里？以后，请格式化代码以使其可读。这就是问题所在。我还没有ajax。我我不知道我必须使用什么代码，或者编辑什么才能使其工作。你能使用搜索吗？我以前尝试过类似的解决方案，但它不起作用。我的主题问题是：如何实现AJAX以直接重新加载图像。