javascript - Prevent .ajaxStart() from executing on a specific Ajax Request - Stack Overflow

admin管理员组

文章数量:1344241

I have a loading div or loader that should show up during Ajax Requests.

$('#loadingDiv').ajaxStart(function () {
        $(this).show();
    }).ajaxComplete(function () {
        $(this).hide();
    });

I want the loader to show up during all Ajax Requests, but prevent it on a particular request.

I tried the following:

$.ajax({
                url: 'Handler.ashx',
                success: function (msg, status, xhr) {
                    $('#loadingDiv').hide();
}.....

But the div shows up then disappears, I don't want it to show up at all.

I have a loading div or loader that should show up during Ajax Requests.

$('#loadingDiv').ajaxStart(function () {
        $(this).show();
    }).ajaxComplete(function () {
        $(this).hide();
    });

I want the loader to show up during all Ajax Requests, but prevent it on a particular request.

I tried the following:

$.ajax({
                url: 'Handler.ashx',
                success: function (msg, status, xhr) {
                    $('#loadingDiv').hide();
}.....

But the div shows up then disappears, I don't want it to show up at all.

• javascript
• jquery
• ajax

Share Improve this question Follow asked Aug 21, 2013 at 16:54 Ali BassamAli Bassam 9,9792424 gold badges7070 silver badges119119 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 8

Set global to false when making the request:

$.ajax({
    url: 'Handler.ashx',
    global: false,
    ...
});

See the Ajax.Events docs.

DEMO

Try this

 $.ajax({
                    url: 'Handler.ashx',
                   beforeSend:function(){
                 if (<conditon>)                /// check your condition here
                     $('#loadingDiv').show();
                     else
                       $('#loadingDiv').hide();
                    },
                    success: function (msg, status, xhr) {
                        $('#loadingDiv').hide();
    }
    });

Hope this helps,Thank you

Use global: false in your Ajax options to make the request not trigger any global event handlers.

The $.ajax docs say about the global option:

Set to false to prevent the global handlers like ajaxStart or ajaxStop from being triggered.

From the .ajaxStart docs:

If $.ajax()... is called with the global option set to false, the .ajaxStart() method will not fire.

$.ajax({
                url: 'Handler.ashx',
beforesend:function(){
// apply your code 
},
                success: function (msg, status, xhr) {
                    $('#loadingDiv').hide();
}.....

reference ajax

本文标签： javascriptPrevent ajaxStart() from executing on a specific Ajax RequestStack Overflow