jQuery ajax call - Getting meaningful error messages

Question

I have a jQuery ajax call that is working fine in IE, but continually errors in Chrome and Firefox. I have similar ajax calls elsewhere in my application and they work fine in all browsers but for some reason this one doesn't.

First off, is there something obvious that I am doing here that would break in browsers other than IE, and second and just as important, is there a way to get something meaningful out of the error: function (e) {} block?

                $.ajax({
                type: "POST",
                url: "http://localhost:52350/FabRouting/Webservice/FinalizeFileStream.asmx/FinalizeFileStreamDoc",
                data: JSON.stringify({ DocID: docID, FileSize: file.size }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    if (data.d.length == 0) {
                        //error
                        $("[id$=txtResult]").val("error 0");
                    }
                    else {
                        $("[id$=txtResult]").val(data.d[0].Result);
                    }
                },
                error: function (e) {
                    //error
                    $("[id$=txtResult]").val("error");
                }
            });

Open console (F12) and check what the error says. It should return an asp.net error page (if you don't have customer errors on) — bobek
JSON.stringify is avalaible in some but not all browsers. You would need to add a library (such as json2.js ) to add that function to browsers that don't support it. — Nick Bork
Did you alert(e) or console.log(e) to see what is? Also, try using Chrome dev tools. (Hit Ctrl+Shift+J), open up the console to view the error. Tell me what it says. — The Internet
The console shows that it is in fact being called and the Post does have my data in it in what appears to be the correct format. The Response is blank though. — divtag
I am using the JSON.stringify in other places and it is working fine in the browsers I am targeting. The Post does seem to be posting what I have so it appears to be working here too. — divtag

dtryan dtryan · Accepted Answer · 2012-07-25T17:17:30

The error function has three parameters

error: function(jqXHR, textStatus, errorThrown) { //code here }

while you're only using one. errorThrown should have some more useful information.

EDIT2 - Scratch my answer about it breaking because of the keys not being strings - that should be fine. However, why are you stringifying the data if you are using a post? You should be able to pass the json array directly.

jQuery ajax call - Getting meaningful error messages

2 Answers