javascript - 成功回调中的 JQuery Ajax 类型错误

Question

我创建了一个按钮，当点击在服务器中使用 Ajax 执行某些操作时，当从服务器返回时，按钮的颜色及其文本会发生变化(类似于在 facebook 中 +1 添加 friend )，这是我在 中的代码。 js:

$(".blue").on("click", function(){
    var firstName = $(this).prev().prev().text();
    var lastName = $(this).prev().text();
    $(this).text("Add Friend...");
    var data={
        firstName: firstName,
        lastName: lastName
    };
    $.ajax({
        url: '/ajax/friendRequest',
        data: data,
        dataType: 'json',
        success:function(){
            alert(123);
            $(this).removeClass("glass blue");
            $(this).addClass("greenStatic");
            $(this).text("Request sent");
        }
    });
});

一切正常，请求将成功更改数据库，但是当它返回到成功回调时，我只在浏览器上看到 alert(123); 并且下面的 3 行不会运行并且我的 chrome 开发人员工具抛出异常 typeError 我搜索 SO 并将 $ 符号更改为 jQuery 但我仍然遇到同样的问题

Answer 1

在你的成功回调中 $(this) 没有引用按钮，将它缓存在成功回调之外，比如

$(".blue").on("click", function(){
    var btn = $(this);
    ...
    ....
    success:function(){
        ...
        btn.addClass("greenStatic");
        ...
    }
});