Magento – Magento2 Trigger ajax call after Full page load

ajaxmagento2.2

I am using Magento 2.2.1, I am trying to trigger ajax call after Full page load. I tried with below scripts but no luck. Did anyone faced this issue and found any solution for it.

window.load
document.ready
<script type="text/x-magento-init">

Best Answer

var chkReadyState = setInterval(function() {
    if (document.readyState == "complete") {

        // finally your page is loaded.
        // Your ajax call here!! 
        clearInterval(chkReadyState);
        // Clear interval to avoid multiple ajax calls
    }
}, 100);

Related Solutions

Magento – Expected to start loader but did not find one in the dom – Ajax Call Magento 2

To prevent console log error use Magento default function processStart and processStop for the loader in your ajax.

remove this from your ajax call showLoader: true

 $.ajax(
         /*showLoader: true, Remove this one */
         url: url,
         data: param,
         type: "POST",
         beforeSend: function () {
             $('body').trigger('processStart'); // start loader
         }
         }).done(function (data) {
             $('body').trigger('processStop');   // stop loader
             return true;
  });

Best Answer

Related Solutions

Magento – Expected to start loader but did not find one in the dom – Ajax Call Magento 2

Related Topic