colorbox、modalなど別リソースの読み込みでSynchronous XMLHttpRequest on the main thread is deprecated が出る時の対処法

特に、colorboxやmodalで親画面から子画面を呼び出す場合に良く出るんですが、

Synchronous XMLHttpRequest on the main thread is deprecated
because of its detrimental effects to the end user's experience.

というエラーに遭遇することがあります。

これが出てしまう場合、原因はajaxで同期的にリモートのコンテンツを読み込んで書き換えようとしているからです。

なので、対処としては、ajax呼び出しを非同期呼び出しにすればいいので、下記サンプルのように、

function call_ajax() {
    console.log('call ajax');
     
    $.ajax({
        url:'/some.html',
        async:true,
        type:'GET',
    })
     
    // Ajaxリクエストが成功した時発動
    .done( (data) => {
        console.log('success');
    })
    // Ajaxリクエストが失敗した時発動
    .fail( (data) => {
        alert("Error: " + xhr.status + ": " + xhr.statusText);
    })
    // Ajaxリクエストが成功・失敗どちらでも発動
    .always( (data) => {
     
    });
                 
}

「async:true」がajaxに渡るようにするとワーニングが出ないようになります。