javascript - ajax成功功能无法更改按钮文本

Question

我有一个简单但奇怪的问题，我无法更改 ajax 成功后回调中按钮的值，我确信回调会在显示警报时执行。另外，这些按钮是静态创建的，我没有使用 Jquery 动态创建它们。

下面是我的ajax:

$.ajax({
    type: "POST",
    beforeSend: function (xhr) {
        xhr.setRequestHeader("XSRF-TOKEN",
        $('input:hidden[name="__RequestVerificationToken"]').val());
    },
    url: "/?handler=Queue",
    data: $.param(params),
    dataType: "json",
    success: function (response) {
        $("#btn-queue-lib").val("Cancel Queue");
        alert(response.responseText);
    },
    error: function (xhr) {
        alert(xhr.responseText);
    }
});

但是，如果我在ajax之外更改问题行，它就可以正常工作:

$("#btn-queue-lib").val("Cancel Queue"); // Either Here
$.ajax({
    type: "POST",
    beforeSend: function (xhr) {
        xhr.setRequestHeader("XSRF-TOKEN",
        $('input:hidden[name="__RequestVerificationToken"]').val());
    },
    url: "/?handler=Queue",
    data: $.param(params),
    dataType: "json",
    success: function (response) {
        alert(response.responseText);
    },
    error: function (xhr) {
        alert(xhr.responseText);
    }
});
$("#btn-queue-lib").val("Cancel Queue"); // Or Here

Answer 1

我已经发现了问题，我不知道由于某种原因，服务器返回了成功消息，但实际上返回了错误请求。因此我错误地认为应该调用成功函数。如果我将问题行放在错误回调中，它就可以正常工作。谢谢你们的努力!~(^_^)∠※