Javascript or jquery loader

Question

I am new to jquery and encountered an issue regarding the loader to display while browser is loading. In my MVC application, I have ajax calls and on success(in some calls) i need to redirect to a url(got from response), I have implemented ajax.start and ajax.complete and is working fine for ajax call but when the window.location.href is called on success the loader hides and the browser starts loading, though i have also written code on window.onbeforeunload(). I need to have loader on ajax call as well as browser loading . Please help me out.

$(document).ajaxStart(function () {       
$("#loaderDiv").show();   
});

 $(document).ajaxComplete(function () {    
 $("#loaderDiv").hide();   
 });  

  window.addEventListener('beforeunload', function (e) {   
 $("#loaderDiv").show();   
 });

And the ajax call is :

  success: function (result) {                
            if (result.Success == true && result.url != null && result.url 
              != undefined && result.url != "")
            {
                window.location.href = result.url;   
            }

I need to have loader on ajax call as well as browser loading — Abhinav Bhardwaj
– Abhinav Bhardwaj, Commented Dec 11, 2019 at 9:33
Just add $("#loaderDiv").show(); directly in front of location.href = and move on. Doesn't need to be complicated/automatic. The issue is that as soon as your code hits location.href all javascript stops so ajaxComplete never fires. — fdomn-m
– fdomn-m, Commented Dec 11, 2019 at 9:59

Nortix Agency · Accepted Answer · 2019-12-11 10:02:22Z

1

Did you try this?

$.ajax({
        //some condition
        },
        beforeSend: function (){
          //your loader code
        },
    });

answered Dec 11, 2019 at 10:02

Nortix Agency

2111 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Abhinav Bhardwaj Over a year ago

thanx, but the loader works fine with ajax call the problem is when on success of ajax call as soon as it hits the window.href it closes the loader and start page loading in browser but i need the loader to be remain display on browser loading also.

Collectives™ on Stack Overflow

Javascript or jquery loader

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related