Simple AJAX not working

Question

I have this AJAX code, but it doesn't seem to throw the 'alert' method. Instead, nothing happens. I looked at it with Fiddler and got this error message: {"Message":"There was an error processing the request.","StackTrace":"","ExceptionType":""}

I'm trying to call a web method in the code-behind called MyWebMethod:

 $.ajax({   type: "POST",
            url: "Test.aspx/MyWebMethod",
            data: "{" + username + "}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",

            success: function() {
                alert("success");
            },

            fail: function() {
                alert("Fail");
            }
 });

The web method worked fine when I had a script manager on the page, but I want to remove the script manager and thought that using AJAX would be the best way.

Thanks

Answer 1

I think if you change fail to error, you'll get the second alert box.

[Edit] I think if you then change

data: "{" + username + "}"

to

data: "{ 'username': '" + username + "' }"

you'll get the first alert, although it's hard to know that without seeing the service you're calling.

Answer 2

You have custom errors enabled in the web.config. Therefore, the exception returned will be generic (mostly blank) and the same every time. This makes it difficult to debug.

To see the real exception, temporarily disable custom errors. Here is how to do that for web services only, if you need that granularity.