Magento 2: Show Loader till Ajax Call not Completed

For Ajax requests in Magento 2, you can show loader on the pages as the request may take less or more time based on the data to be fetched, processing time, server types, etc. The primary benefit of showing loader on Ajax call in Magento 2 is let people know the request in progress and the response is awaited. On Ajax call, the loader can be started and immediately after the response is received, it can be stopped.

You can show loader till ajax call is not completed in Magento 2 to restrict users perform any other activity until the response is received. Today, I have come up with the implementation of it.

Code to Show Loader till Ajax Call is not Completed in Magento 2:

Use below code to start the loader on ajax call:
Use below code to stop the loader on ajax call:
It’s a good idea to show loader on Ajax call to let people know their request is in process. Let me know where have you implemented the above code and how it helped you! Don’t forget to share the implementation with your fellow Magento developers.


(based on 11 Reviews)
Magento 2:  Show Loader till Ajax Call not CompletedAuthor Magento Badge

Sanjay Jethva

Sanjay is a co-founder at Meetanshi. He is a Certified Magento Developer who loves creating Magento E-commerce solutions. Owing to his contributions in Magento Forums and posting solutions, he is among the top 50 contributors of the Magento community in 2019. When he is not engrossed with anything related to Magento, he loves to play cricket.

Leave a Reply

Your email address will not be published.