Javascript ajax成功处理程序中的图标未更改

我正在尝试在我的web应用程序中创建一个函数“添加到我的列表”。 当用户单击图标时，此功能应在向服务器发送数据后更改图标的颜色

它不会抛出任何错误，它成功地将数据发送到服务器，但它从不更改图标。”ajax成功处理程序中的console.log工作正常，那么这里的问题是什么

提前谢谢

<div class="buttons">
  <button type="button" class="btn threeButtons" onclick="request_access(this)" id="{{ elem['isbn'].split()[0] }}">
     <i class="fas fa-plus"></i>
  </button>
</div>

---

如果您想在发送数据后立即执行sthg，但服务器未发送响应，则应执行如下sthg：

var response = $.ajax({
        url: "/admin_add_books",
        type: "POST",
        data: request_data
    });
// Change color just after data is sent
me.children("i").addClass("green");

response.done(function(result){
    // Server returned result
    me.children("i").addClass("green");
});

---

*注意：-在jquery的现代版本中，success被贬低了

绿色CLSS做什么？此外，在i标记的末尾还有一个额外的“s”，仅供参考……当您的侦听器被调用时，它将获得元素引用。当您使用$（this）而不是$（this）时，这就是丢弃它的原因。您需要

$（$this）

。但是，我更愿意将这个参数重命名为类似“elm”的东西，它指的是button元素。。我对bootstrap中的font awesome感到困惑，认为添加类会改变颜色。谢谢你指出！（我还删除了我帖子上的“s”）它工作得很好！！！谢谢！

var response = $.ajax({
        url: "/admin_add_books",
        type: "POST",
        data: request_data
    });
// Change color just after data is sent
me.children("i").addClass("green");

response.done(function(result){
    // Server returned result
    me.children("i").addClass("green");
});