2016-06-28 10 views
0

Jqueryの開始および停止メソッドを使用して私のスピナーを表示および消滅させたいが、fetch apiを使用しているときにjquery ajaxの開始および停止メソッドを使用できないようだ。 どうすればこの周りを歩くことができますか?fetch apiを使用したJquery Ajaxの開始および停止メソッド

$(document) 
    .ajaxStart(function() { 
     $buffer.show(); 
    }) 
    .ajaxStop(function() { 
     $buffer.hide(); 
    }) 
; 
fetch(url) 
    .then(data => data.json()) 
    .then(thisObj => writeOnTheScreen(thisObj)) 
    }) 
; 
+0

あなたがそれをやり遂げることができたら、ur ajax呼び出しを実行する直前にスピナーを表示し、完了すると(ajax呼び出し)、それを隠すことができます。 –

答えて

0

その私のために働いて、これを試してみてください:

$(document).ajaxStop(function() { 
    $('.ui-loader').hide(); 
}); 
$(document).ajaxStart(function() { 
    $('.ui-loader').show(); 
    setTimeout(function() { 
     $('.ui-loader').hide(); 
    }, 10000); 
}); 

注:非同期= falseの場合、その作業はありません。

0

理想的には、それが動作するはずです、あなたが使用しているのjQueryのバージョンを確認してください、とあなたはまたPaceが簡単で、第三者を使用することができます

$(document).ajaxStart(function() { 
    alert('ajax started'); 
}); 

を文書化するために、あなたのハンドラをバインドしなければならないこと実装する。

+0

私はfetch apiをタイトルとして使用していません。$ .ajax – Trip1

+0

fetch apiを使用している場合は、完了時にPromiseを使用して通知できます。 –

関連する問題