$().load() & $.ajaxSetup bug

[mk]

In my main .js file i have this line (I use it to show loading image at beginning of ajax request and hide it when it finishes).

$.ajaxSetup({dataType:'json', beforeSend:function() { loading.show(); }, complete:function() { loading.hide(); }})

It works fine with $.post(), $.get()... but when using $().load() it will only show loading, it won't hide it. I tried to put alert() instead of loading functions, only one alert is shown.

[dmethvin]

Can you provide a test case?

[mk]

Test example

[mk]

Yes, here you can test it online: ​http://www.mma-studio.com/jQueryLoadTestCase/

I've also attached this as rar archive.

[zitiger]

I find this problem today, can someone verify it?

[dmethvin]

The jQuery.load method calls jQuery.ajax with its own complete handler, which overrides the one that would have come in through jQuery.ajaxSettings. However, if you were to have used the success handler then load would work and the others would fail.

Instead of using jQuery.ajaxSettings to set handlers, you should be using the ajax global events such as ajaxComplete. I've edited the docs to make this a bit clearer.