如何使用php，jquery根据步骤激活带有图片的菜单项？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

$(document).ready(function() {
  // 选中菜单项
  var menuItems = $(".menu-item");
  
  // 为每个菜单项添加点击事件处理程序
  menuItems.click(function() {
    // 移除所有菜单项的激活状态
    menuItems.removeClass("active");
    
    // 添加当前点击的菜单项的激活状态
    $(this).addClass("active");
    
    // 获取当前菜单项对应的图片
    var image = $(this).find("img");
    
    // 显示图片
    image.show();
  });
});

$(document).ready(function() {
  // 选中菜单项
  var menuItems = $(".menu-item");
  
  // 为每个菜单项添加点击事件处理程序
  menuItems.click(function() {
    // 移除所有菜单项的激活状态
    menuItems.removeClass("active");
    
    // 添加当前点击的菜单项的激活状态
    $(this).addClass("active");
    
    // 获取当前菜单项对应的图片
    var image = $(this).find("img");
    
    // 显示图片
    image.show();
    
    // 发送AJAX请求调用PHP脚本
    $.ajax({
      url: "activate_menu_item.php",
      method: "POST",
      data: { menuItemId: $(this).attr("id") },
      success: function(response) {
        // 处理服务器端返回的响应
        console.log(response);
      }
    });
  });
});

<?php
$menuItemId = $_POST["menuItemId"];

// 执行相应的逻辑，例如更新数据库或执行其他操作

// 返回响应
echo "菜单项已激活";
?>