嘿，我来帮你搞定这两个问题，结合你给的代码片段，咱们一步步拆解：

动态修改CSS图片主要有几种常用方式，根据你的场景选就行：

• 直接修改元素的内联样式：如果目标图片是元素的背景图，用jQuery的.css()方法直接替换：

// 替换某元素的背景图片
$('#target-element').css('background-image', 'url("/path/to/your-new-image.jpg")');

如果是<img>标签的图片，直接修改src属性：

$('#your-img-tag').attr('src', '/path/to/your-new-image.jpg');

• 通过切换CSS类实现：如果你的图片是通过CSS类定义的（比如.bg-old对应旧图，.bg-new对应新图），可以直接切换类：

/* CSS里的类定义 */
.bg-old { background-image: url("/old-image.jpg"); }
.bg-new { background-image: url("/new-image.jpg"); }

// 移除旧类，添加新类
$('#target-element').removeClass('bg-old').addClass('bg-new');

• 修改CSS自定义属性（变量）：如果你的项目用了CSS变量，直接更新变量值就能批量修改所有引用该变量的元素：

/* 全局定义CSS变量 */
:root { --main-bg: url("/old-image.jpg"); }
.target { background-image: var(--main-bg); }

// 更新CSS变量
document.documentElement.style.setProperty('--main-bg', 'url("/new-image.jpg")');

你代码里的console.log(data)输出的就是AJAX请求拿到的后端返回值，我们只需要在这个回调里用这个data来修改图片就行。先看你的代码，我帮你补充关键部分：

你提供的原始代码片段：

function reply_click(clicked_id){ 
  $(function() { 
    $.ajaxSetup({ 
      headers: { 
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
      } 
    }); 
    console.log('attached'); 
    $('#openButton').on('click', function(data) { 
      console.log('clicked'); 
      $.ajax({ 
        type: "POST", 
        url: "/MYUrl", 
        data: { 
          _token: $('meta[name="csrf-token"]').attr('content') 
        } 
      }) 
      .done(function(data){ 
        console.log(data); // 这个就是我们要用到的返回值
        // 👇 这里添加修改图片的代码
      }) 
      .fail(function() {
        console.log('AJAX请求失败啦');
      }) 
    });
  });
}

具体修改步骤： #

1. 先通过console.log(data)确认后端返回的格式：比如返回的是纯图片URL字符串，还是包含URL的JSON对象（比如{"imageUrl": "/new-image.jpg"}）。
2. 根据返回格式，在.done()回调里添加修改逻辑：

情况1：后端返回纯图片URL字符串

.done(function(data){ 
  console.log(data); // 输出的直接是图片地址，比如"/new-image.jpg"
  // 替换背景图
  $('#target-element').css('background-image', `url("${data}")`);
  // 或者替换img标签的src
  $('#your-img-tag').attr('src', data);
})

情况2：后端返回包含图片URL的JSON对象

.done(function(data){ 
  console.log(data); // 输出{"imageUrl": "/new-image.jpg"}这类JSON
  // 用data.imageUrl拿到地址
  $('#target-element').css('background-image', `url("${data.imageUrl}")`);
})

注意事项： #

• 确保你的目标元素选择器（比如#target-element）是正确的，要对应到你实际要修改的元素；
• 如果AJAX请求失败，可以在.fail()里加提示，方便排查问题；
• 要保证后端返回的图片地址是可访问的相对或绝对路径。

内容的提问来源于stack exchange，提问作者user9717890