如何处理未定义主体的响应？

Question

我知道我的问题是 jQuery 试图将响应的主体解析为 json，但主体未定义，因此会引发错误。

我无法更改响应。这是来自 Jenkins 服务器的默认响应。它在标头中发送 201、404 或 500，我想处理它。

我的 ajax：

 $(document).ready(function () {
    $('#reviewForm').bootstrapValidator({
      ...stuff...
      ...validation...
  }) 

 .on('success.form.bv', function (e) {
// Prevent form submission
e.preventDefault();

// Get the form instance
var $form = $(e.target);

// Use Ajax to submit form data
$.ajax({
    type: 'POST',
    url: url+$form.serialize(),
    dataType: 'text',
    complete: function() {
        alert("Success.");
    },
    error: function(xhr, status, text) {
        alert("failure");
    }
});

尽管帖子成功（创建了201），但由于未定义的正文导致语法错误，它仍然会发生错误。

我很乐意处理 error: part of ajax 中的错误，但我一生都无法弄清楚如何从响应的标头中获取状态代码。

就像我说的，如果可以的话，我会改变响应，但这正是 Jenkins 的工作方式。

谢谢。

编辑：响应标头

Status Code: 201 Created
Connection: Keep-Alive
Content-Type: text/plain; charset=UTF-8
Date: Wed, 01 Oct 2014 14:51:12 GMT
Keep-Alive: timeout=15, max=100
Location: https://jenkins....
Server: Jetty(8.y.z-SNAPSHOT)
Transfer-Encoding: chunked

这是 xhr（xml http 响应）

{
"readyState": 0,
"status": 0,
"statusText": "error"
}

Answer 1

您可以对状态代码进行特定的回调，例如：

$.ajax({
    ...
   statusCode: {
     201: function() { /* I received a 201 */ },
     404: function() { /* I received a 404 */ },
     500: function() { /* I received a 500 */ }
   }
});

这列在the documentation

Answer 2

状态码决定了 jQuery 将触发哪些函数（即 complete 、error 或 success ）。

所以，试试这个：

$.ajax({
    type: 'POST',
    url: url,
    dataType: 'text',
    complete: function(response) {
        console.log(response); 
    }); 

将来，这将使您能够更好地调试。 （通过您的检查元素控制台）

但是，在本例中，状态码将在

response.status

error 函数将触发任何不是 200 的东西 --- 所以你最好只使用完整的函数，然后把你的错误放在default switch-case 语句的块...

[...]
complete: function(response){
    switch(response.status){
        case 201: 
           alert("success"
        break;
        default:
            alert("Something unexpected occurred"); 
        break;
}

Answer 3

只需使用 complete 处理程序 - 它将在 success 或 error 被调用后运行。无论哪种方式，对于complete 和error，第一个参数都是jqXHR 对象，它有一个status 属性，可以为您提供响应的状态。

$.ajax({
    type: 'POST',
    url: url,
    dataType: 'text',
    complete: function(xhr) {
        //this handler runs regardless of success or error
        //query xhr.status for the response code
    }
});

Answer 4

您可以使用statusCode

$.ajax({
   type: 'POST',
   url: url,
   statusCode: {
      200: function (response) {
         alert('200');
      },
      201: function (response) {
         alert('201');
      },
      404: function (response) {
         alert('400');
      }
   }, success: function () {
      alert('Success');
   },
});

Answer 5

如果我的意思是这样，你想检查来自服务器的响应（201、200、500）： 也许使用.awlways()

$.ajax({
   type: 'POST',
   url: url,
   dataType: 'text',
   always: function(status){
      alert(status);
   }
});

或者你可以在 xhr 对象上使用getAllResponseHeaders()？