糸車開始と<a href="https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader" rel="nofollow noreferrer">https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader</a>からローダーを使用して

Question

非同期（async）を停止する、基本的な考え方は、私がすなわち（BTN1）ボタンをクリックして停止し、ドキュメントのアップロードを開始した後に、このスタートスピニングを作ることであるdiv要素

<div class="row">  
     <div class="loader" id="load1"></div> 
</div> 
--- 
-- 
--- 
<div class="col-sm-4"> 
    <legend>Start Running</legend> 
    <button type="button" id="btn1" class="btn btn-primary" disabled>Start</button> 

</div> 

を作成出力が画面に印刷されたとき。アップロード/出力は機能していますが、このローダーをファイルのアップロードの開始に統合するのは苦労しており、出力の準備ができたら終了します。 https://github.com/twitter/typeahead.js/issues/166を見て実装しようとしましたが、スピンの振る舞いは変わりませんでした。

Answer 1

サーバーへのリクエストが送信されたときにイメージを表示し、レスポンスを受信したときにイメージが消えるようにしたいと思います。

これが必要な場合は、イベントがトリガーされたときに画像を表示させ、ロードされた要求が消えるようにするだけです。

は次のようになります：私はdownvoted

submit_button.addEventListener('click',function(){ 
    var result = document.querySeletor('#result'); 
    result.innerHTML = 'loading image'; 
    var request = new XMLHttpRequest(); 
    request.onload = function(){ 
      result.innerHTML = this.responseText; 
    } 
    request.open(method,path,true); 
    request.send(); 
});