.ajax json 返回错误

Question

$.ajax({
    type: 'POST',
    url: api_url+'client/'+client.id+'.json', 
    data: {
        _method: 'delete',
        id: client.id
    },
    success: function(data) {
        $('#delete-client').html('Success');
    },
    error: function(data) {
        $('#delete-client').css('color', 'red');
        $('#delete-client').html('Error');
    }
});

关于错误：函数 jquery 会收到这个带有 500 标头状态的 json 对象

{"errors":{"code":777,"message":"Method requested does not yet exist","data":[]}}

但是，如果我使用 data.errors.message 它不会在那里显示错误。当我 console.log 使用它的返回对象时，它会在 chromes 开发人员框中显示一个带有不同事件的巨大对象

已修复

var error = jQuery.parseJSON(jqXHR.responseText);
$('#delete-client').html(error.errors.message);

Answer 1

添加：dataType:"json"........

Answer 2

尝试阅读$.ajax documentation：

error(jqXHR, textStatus, errorThrown) - 功能

要调用的函数 如果请求失败。该函数接收三个参数：jqXHR （在 jQuery 1.4.x 中，XMLHttpRequest）对象，描述类型的字符串 发生的错误和可选的异常对象（如果有） 发生了。第二个参数的可能值（除了 null）是 “超时”、“错误”、“中止”和“解析错误”。当 HTTP 错误时 发生时，errorThrown 接收 HTTP 状态的文本部分， 例如“未找到”或“内部服务器错误”。从 jQuery 1.5 开始， 错误设置可以接受一个函数数组。每个功能将 依次调用。注意：跨域不调用此处理程序 脚本和 JSONP 请求。这是一个 Ajax 事件。

检查参数列表。那不是你的数据。那是一个 jqXHR 对象。

---

根据定义，如果您已成功从服务器检索数据，则您拥有的是succeeded，而不是errored。无论是否包含字符串"error"，data都是数据。

您仍应使用success 回调，即使您的数据描述了错误。不要发送 500 标头。

---

$.ajax({
    type: 'POST',
    url: api_url+'client/'+client.id+'.json', 
    data: {
        _method: 'delete',
        id: client.id
    },
    success: function(data) {
        if(data.errors) {
            //Server not able to process the request
        }
        else {
            $('#delete-client').html('Success');
        }
    },
    error: function(data) {
        //AJAX request not completed
        $('#delete-client').css('color', 'red');
        $('#delete-client').html('Error');
    }
});