在前端开发中，我们常常使用jQuery的ajax方法来向服务器发送请求。这个方法非常便捷易用，但是有时候会遇到一些问题，比如当服务器返回一个HTTP 500 错误时，jquery.ajax()方法会自动调用error回调函数。
然而，在某些情况下，即使服务器成功处理了请求，它也可能返回HTTP 200 OK 响应，但是该响应包含错误信息，这种情况下我们需要基于服务器响应来触发错误回调函数。那么该怎么做呢？下面我们将通过实例来详细讲解。
问题示例
假设我们有一个后端API，接受一个数字参数，并返回该数字的平方。如果传入非数字参数则会返回一个错误信息。以下是一个简单的Node.js代码片段：
----------------------- ------------- -----
--- --- - ---------------------------
-- ------------ -
---------------------- ------ -------- ---------- ---
- ---- -
---------- ------- --- - --- ---
-
---现在我们需要使用jquery.ajax()方法来请求这个API，如果传入数字参数，则返回正确结果，否则返回错误信息。
发送正确的请求
我们可以使用以下代码来发送数字参数的请求：
--------
---- ------------
-------- -------------- -
-------------------------
--
------ --------------- ----------- ------------ -
----------------------- -------------
-
---这个请求会发送到服务器，返回正确结果并打印出2的平方值4。
发送错误的请求
现在我们尝试发送一个非数字参数的请求：
--------
---- --------------
-------- -------------- -
-------------------------
--
------ --------------- ----------- ------------ -
----------------------- -------------
-
---这个请求也会发送到服务器，然后返回一个HTTP 400错误。jquery.ajax()方法会自动调用error回调函数，并将jqXHR对象、错误信息和异常对象传递给它。
解决方法
为了基于服务器响应而不是HTTP 500 触发jquery.ajax()的错误回调函数，我们需要在服务器端使用HTTP状态码来指示请求是否成功，并在响应主体中包含错误信息。下面是修改过的API代码：
----------------------- ------------- -----
--- --- - ---------------------------
-- ------------ -
---------------------- ------ -------- ---------- ---
- ---- -
---------------------- ------- --- - --- ---
-
---这里我们使用res.status()方法来设置HTTP状态码，同时在响应主体中包含一个JSON对象，其中包含一个result键和对应的计算结果或error键和相应错误信息。
现在我们可以通过以下方式来检查服务器响应是否包含错误信息：
--------
---- --------------
-------- -------------- -
-------------------------
--
------ --------------- ----------- ------------ -
--- -
--- ---- - -------------------------------
----------------------- ------------
- ----- --- -
----------------------- -------------
-
-
---这个代码与之前的代码非常相似，但是在error回调函数中，我们首先尝试将响应主体解析为JSON对象，然后检查是否存在error键。如果存在，则说明服务器返回了一个错误信息，并将其打印到控制台上；否则将打印出HTTP错误。
总结
通过上述示例，我们学习了如何基于服务器响应而不是HTTP 500 触发jquery.ajax()的错误回调函数。这对于开发者来说非常有用，因为服务器可能会
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26652