Debugging jQuery ajax function

Question

JS code:

$.ajax({
        type: 'POST',
         url: 'http://localhost/MyServiceDir/Service.asmx/Foo',
         contentType: 'application/json; charset=utf-8',
         data: jsonData,
         success: function (msg) {
             alert("good");
         },
         error: function (xhr, status) {
              switch (status) {
                 case 404:
                     alert('File not found');
                     break;
                 case 500:
                     alert('Server error');
                     break;
                 case 0:
                     alert('Request aborted');
                     break;
                 default:
                     alert('Unknown error ' + status);
             } 
         }
     });

I get "unknown error error". How do I get to the bottom of this? I would like to know what the error actually is.

Ben Lee · Accepted Answer · 2012-10-15 15:20:26Z

9

The "status" parameter only includes why it failed -- timeout, error, etc... To get the status code you need to check the response object: xhr.status

See http://www.w3.org/TR/XMLHttpRequest/#response for details.

If you are getting "500 Internal Server Error" that is all you are going to get from ajax. You will have to check your application or server logs. This could be a syntax error or or library error or something else along those lines.

edited Oct 15, 2012 at 15:20

answered Jan 18, 2011 at 19:09

Ben Lee

53.5k15 gold badges129 silver badges146 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SLaks · Accepted Answer · 2011-01-18 19:07:41Z

4

Check xhr.status.

answered Jan 18, 2011 at 19:07

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

2 Comments

sarsnake Over a year ago

it does give 500(server error)...but is there a way to get more specific details? or is it pretty much as info as I will get from $ajax?

SLaks Over a year ago

@gnomixa: You can get whatever the server sends. Look at xhr.responseText.

stephen776 · Accepted Answer · 2011-01-18 19:45:43Z

3

Try this out in the onerror event:

alert(xhr.statusText)

EDIT:

I think your best bet here would be to install the FireBug Plugin on Firefox. This will allow you to see the ajax calls(enable "console" tab for this), responses, and error messages. Hopefully you will be able to get the info you need in this manner. This has been always been my method of choice for debugging ajax calls

edited Jan 18, 2011 at 19:45

answered Jan 18, 2011 at 19:09

stephen776

9,29417 gold badges77 silver badges128 bronze badges

3 Comments

sarsnake Over a year ago

thanks, but that's too generic also - "internal server error". I am looking for something more informative such as "wrong number of arguments passed"...not sure if it's possible.

stephen776 Over a year ago

Edited my answer above...FireBug may help you out

sarsnake Over a year ago

FireBug is buggy to install. It actually won't install on my FF 8

Collectives™ on Stack Overflow

Debugging jQuery ajax function

3 Answers 3

Comments

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related