Display jQuery $.ajax 503 error response

I'm trying to display the response of a file that responds with an 503 error.

function netbootupdate() {


$("#netbootstatus").html('Updating..'); 
  $.ajax({
    type: 'GET',
    url: 'clientarea.php',
    dat开发者_StackOverflow中文版a: 'action=productdetails&id=' + $('#serverid').val() + '&modop=custom&a=netbootset&netbootid=' + $('#netbootid').val() + '&root=' + $('#root').val(),
    timeout: 5000,
    success: function(data) {
      $("#netbootstatus").html(data);
      $("#status").html(''); 
    },
    error: function(data) {
      $("#status").html(data);
      $('#status').addClass('errorbox');
    }
    });
}

For some reason data doesn't give me the content of the reply.

---

$.ajax({
   // ...
   // [other arguments]
   // ...
   error: function(xmlReq, txtStatus, errThrown){
     $('#status').text(xmlReq.responseText).addClass('errorBox');
   }
});

I think that's what you're going for, though not sure. Either way, the xmlReq (as I've named it) has several properties associated with it you can access and reference.

---

AFAIK, In some browser, XHR refuse to pass data over when the status is anything but 2xx, 3xx. If you do need the data of a 503 response, try to rewrite the HTTP status code on server side.

In complete(data, textStatus, XMLHttpRequest) callback, you may check textStatus for string error to detect 503. (Oh I just realized you already know that)

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

Edit: Use complete() instead of success() to catch all of the results.

---

I don't know if this helps, but I have a web service that I force to throw a 503 Error when the database is unavailable. It correctly returns a HTTP 503 response code, but in my client-side script the AJAX Response code returned is 500 (server error). You might like to have a generic 5** response code handler, rather than a specific 503, so you can catch all server-related issues. This is what I ended up doing.