AJAX成功失败回调不起作用

Question

我有一个表，我有一个删除按钮。基本上，我要做的是单击"删除"按钮时，它将将删除请求发送到我们的服务器并在数据库上更新。如果成功，它将从表中删除该行。

config.js

var SiteConfigProxy = function () {
"use strict";
var getSiteConfig = Config.apiUrl + "/configs/site/{siteId}";
var addDevice = Config.apiUrl + "/configs/device/{deviceId}";
var delete1 = function (url, data, done, fail){
    $.ajax({
        type: "DELETE",
        url: url,
        data: JSON.stringify(data),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            if (typeof (done) === 'function') done(data);
        },
        failure: function (data) {
            if (typeof (fail) === 'function') fail(data);
        }
    });
};
return {
    deleteDeviceConfig: function (deviceId, data, done, fail){
        delete1(addDevice.replace("{deviceId}", deviceId), data, done, fail);
    }
};
} ();

siteconfig.js

        configTable.on("click", ".delete", function (event) {
        event.preventDefault();
        if (confirm("Are you sure to delete this row?")) {
            var tableRow = $(this).parents("tr")[0];
            var data = {
                siteId: tableData.fnGetData(tableRow)[1],
                hostname: tableData.fnGetData(tableRow)[2]
            };
            SiteConfigProxy.deleteDeviceConfig(tableData.fnGetData(tableRow)[0], data,
                function(data){
                    tableData.fnDeleteRow(tableRow);
                    console.log("delete succeeded");
                },
                function(data){
                    console.log("delete failed");
                }
            );
        }
    });

现在，每次我单击按钮时，它都不会删除该行，并且控制台无法记录该语句。我只是想知道为什么成功和失败回调不起作用。

非常感谢

Answer 1

由于您的服务器脚本没有返回有效的JSON响应，因此应该调用故障回调（因为尝试在JSON失败时尝试解析响应）。但是该选项的正确名称是error:，而不是failure:。因此，将其更改为：

    error: function (data) {
        if (typeof (fail) === 'function') fail(data);
    }

如果服务器不应该发送JSON响应，请遗漏dataType:选项，并且不会尝试解析它。