在 jQuery AJAX 调用中处理 WebFaultException

Question

我有一些调用 WCF 服务的 jQuery。当服务遇到错误时，它会抛出带有描述和500 Internal Server Error 状态码的WebFaultException。

客户端，我正在做一些事情：

$.ajax({
    url: BaseUrl + 'ThisShouldThrowAnException',
    type: 'GET',
    dataType: 'jsonp',
    crossDomain: true,
    success: function (data) {
        // this should never be called
        alert("Got data: " + data);
    },
    error: function (jqXHR, status, message) { // never called
            // would like this to handle my status code
        alert(status + " " + message);
    }
});

在本地 IIS 服务器上，被调用的相应代码如下：

[OperationContract]
[WebGet(RequestFormat=WebMessageFormat.Json)]
bool ThisShouldThrowAnException();


public bool ThisShouldThrowAnException()
{
    throw new WebFaultException<String>("Something really bad happened.", HttpStatusCode.InternalServerError);
}

问题是当我进行这个调用时，成功的函数被调用了。 jQuery 似乎吞下了我的500 Internal Server Error，而是给了我一个200 OK。使用Fiddler 进行检查还显示我的响应状态代码是200 OK。当我通过浏览器拨打电话或手动提出请求时，我会收到相应的500 Internal Server Error。

我的问题是：如何在 $.ajax(...) 调用中处理 WebExceptionFault？就目前而言，$.ajax 完全忽略了传递给它的任何状态代码。

我尝试使用ajaxError 和statusCode，但都没有成功：

$('#error').ajaxError(function() {
    alert("An error occurred");
});

$.ajax({
    url: BaseUrl + 'ThisShouldThrowAnException',
    type: 'GET',
    dataType: 'jsonp',
    crossDomain: true,
    success: function (data) {
        alert("Got data: " + data);
    },
    statusCode: {
        500: function() {
            alert("Got 500 Internal Server Error");
        }
    },
    error: function (jqXHR, status, message) {
        alert(status + " " + message);
    }
});

---

新发现

进一步分析，当我检查 jQuery 生成的查询字符串时，我发现以下返回一个 200 OK：

http://localhost/RestService/RestService.svc/ThisShouldThrowAnException?callback=jQuery172003801283869839445_1341495740773&_=1341495740777

// on page:
jQuery172003801283869839445_1341495740773("Something really bad happened.",500);

同时，以下请求返回500 Internal Server Error：

http://localhost/RestService/RestService.svc/ThisShouldThrowAnException

// on page:
"Something really bad happened"

Answer 1

http://api.jquery.com/jQuery.ajax/

在数据类型部分，他们提到

jsonp类型附加一个callback=?的查询字符串参数？到 网址。服务器应将带有回调名称的 JSON 数据添加到 形成一个有效的 JSONP 响应。我们可以指定一个参数名 other 而不是使用 jsonp 选项回调到 $.ajax()。

当从远程服务器检索数据时（这是唯一可能的 使用脚本或 jsonp 数据类型）、错误回调和全局 永远不会触发事件。

这就是为什么您的错误回调没有触发并且直接转到成功回调的原因。

编辑：成功函数中的数据是什么样的？因为据我了解，从服务器返回的任何内容都作为数据传入。

这是一个使用 JSONP 使用 WCF Web 服务的示例。

http://bendewey.wordpress.com/2009/11/24/using-jsonp-with-wcf-and-jquery/

关键是，WCF 看到您正在请求 JSONP 数据，并且您提供了一个名为“回调”的查询字符串参数。因此，WCF 会自动返回 200 OK（无论实际状态如何）以及远程函数返回的任何数据。

进一步阅读 JSONP 的实际工作原理： http://devlog.info/2010/03/10/cross-domain-ajax/

如果您阅读 JSONP 的工作原理，您会意识到 jQuery 不太可能返回实际的错误状态，因为服务器本身不会返回它。

关于您当前的问题，请切换到 JSON 请求。如果这不可能，您可以随时检查 ajax 成功函数中的数据对象。当您返回它时，它将具有错误代码 500。

Answer 2

jsonp 请求不会触发错误处理程序。 jQuery ajax 文档对 error(jqXHR, textStatus, errorThrown) 有以下免责声明：

注意： 跨域脚本和 JSONP 请求不调用此处理程序。

如果您可以选择切换到 json 和 crossDomain=false，则应该触发错误处理程序。

关于这个主题有一个类似的SO问题here

This SO 问题建议在服务器上捕获任何错误，始终返回 200 并在有效负载中返回响应代码。