JQuery error property for error handler

Question

Hello all, I'm just playing around for the first time with jQuery's ajax functionality. I wanted to add a function that could handle any errors. So, in one of my client javascript blocks, I added the following line:

<script type="text/javascript">
    .... 
    $.ajax({ error: function () { alert('boo'); } })
    ....
</script>

I expected that this would bind the error handler, so that when an error occurs, it would fire the anonymous function included.

What happens instead though, is that it immediately fires the function on page load, as soon as it parses this line of code.

What am I doing wrong? What is the proper way to bind the ajax error handler?

Answer 1

This link has a working implementation (ignore the success callback, its wrong)

Answer 2

I'm not sure if I understood your question correctly, let me know if I've misunderstood.

1. I assume that you are trying to create a generic ajax call error handler? If that's the case, you have got the wrong idea.

2. Are you are just trying to bind the event handler? In this case, you are executing it.

I would recommend you read and check out the examples on these jQuery API reference docs:
API/1.3/Events
Ajax/jQuery.ajax

Also check out the post link provided by F.Aquino and this SO post: JavaScript Exception Handling.

This is could be helpful too: Handling AJAX Errors With jQuery.

Answer 3

You want to change the global settings. Check jQuery documentation.

$.ajaxSetup({
  error: function () { alert('boo'); }
});