如何使用php从滑块中获取活动图像名称

<div id="slider"></div>

$(document).ready(function() {
  $("#slider").slider({
    slide: function(event, ui) {
      var imageName = ui.value; // 获取滑块的值
      // 发送Ajax请求到服务器端，将imageName作为参数传递
      $.ajax({
        url: "get_image_name.php",
        method: "POST",
        data: { imageName: imageName },
        success: function(response) {
          // 处理服务器端返回的响应数据
          console.log(response);
        }
      });
    }
  });
});

<?php
$imageName = $_POST['imageName']; // 获取前端发送的参数值
// 根据参数值进行相应的处理，例如根据滑块的值返回对应的活动图像名称
if ($imageName == 1) {
  $imageName = "image1.jpg";
} elseif ($imageName == 2) {
  $imageName = "image2.jpg";
} else {
  $imageName = "image3.jpg";
}
// 返回活动图像名称作为响应数据
echo $imageName;
?>