Magento – Magento 2 : Show loader till all ajax call not completed

ajaxmagento2

I want to show loader till page not loaded or all Ajax call not completed in frontend and backend both side.

Is it possible in Magento 2.0.7 ?

Best Answer

You can try below ajax call for showing loader during ajax call is runnig.

jQuery.ajax({
    url: url,
    type: 'POST',
    dataType: 'json',
    showLoader: true //use for display loader 
}).done(function (data) {
    return true;
});

Related Solutions

Magento 2 – AJAX Loader Image Not Displaying in AJAX Call

You need set showLoader: true to show loader for context element (default: body). Example:

require([
    'jquery',
    'mage/template',
    'jquery/ui',
    'mage/translate'
], function($) {
    $.ajax({
        url: ". json_encode($this->getUrl('test/*/regionlist')).",
        data: {country: $('#country_id').val()},
        type: 'get',
        dataType: 'json',
        showLoader: true,
        context: $('#edit_form')
    }).done(function(data){
        $('#region_id').empty().append(data.htmlconent);
    });
});

See official loader widget documentation for more details

Magento 2 Ajax Call Error 500/503 During Checkout

Someone had almost the same issue on community.magento.com and I have added a solution there.

https://community.magento.com/t5/Programming-Questions/Show-custom-payment-method-error/m-p/58533#M1564

Best Answer

Related Solutions

Magento 2 – AJAX Loader Image Not Displaying in AJAX Call

Magento 2 Ajax Call Error 500/503 During Checkout

Related Topic