Ajaxで情報取得、その後のhtml読み込み後にコードを実行したい
現状
riot.js mount関数時にajaxにて情報を取ってくる
this.on('mount', function () {
this.Ajax();
});
Ajax()
{
Ajax.post(URL, function () {
//Ajax操作
}.bind(this), function () {
this.update();
const el = document.getElementsByClassName('loading'); //ローディングアニメーション画像の要素
Display.hide(el); //ローディングアニメーション画像消す
}.bind(this));
問題点
①ajaxにて情報取得
↓
②ローディング画像消える
↓
③htmlの読み込みが重く(日本語のフォントファイルの読み込みが理由)、ローディング画像消えた後もhtml読み込みが続いてしまう
試してみたこと
ajax情報取得 + htmlの読み込みも終了
↓
その後にローディング画像削除する必要有
Ajax()
{
Ajax.post(URL, function () {
//Ajax操作
}.bind(this), function () {
this.update();
window.onload = function() { // *** ここ追加 ***
const el = document.getElementsByClassName('loading'); //ローディングアニメーション画像の要素
Display.hide(el); //ローディングアニメーション画像消す
}
}.bind(this));
これだとキャッシュ削除した場合は上手くいきますが、単にreloadした場合はwindow.onload関数が実行されません
ここから止まってしまっているので、ご質問させていただきました。
よろしくお願いいたします。