我创建了这个submit按钮，它将运行Python函数来处理数据，整个过程需要15-20秒才能显示结果，所以我添加了一个动画加载GIF:

<div class="col-2">
  <button class="btn btn-primary float-start" type="submit">Get Data!</button>
  <!-- Image loader -->
  <div id='loader' style='display: none;'>
   <img src='/static/img/loader.gif'> <b>Loading..</b>
  </div>
</div>

使用关联的jQuery/js，使其在单击时显示，并在数据处理完成后隐藏:

<script>
    $(document).ready(function() {
    $('#form1').on('submit', function(event) {
    $.ajax({
        data : {
        input : $('#input').val(),
    },
        type : 'POST',
        url : '/price',
        beforeSend: function(){
        // Show image container
        $("#loader").show();
   },
    })
    .done(function(data) {
    if (data.error) {
        $('#ticker_id').text(data.error).show();
        $('#successAlert').hide();
        }
    else {
        $('#upper_price').text(data.upper_price).show();
        $('#errorAlert').hide();
        complete:function(data){
        // Hide image container
        $("#loader").hide();
        },
        $('')
        }
    });
        event.preventDefault();
    });
    });
</script>

我当前的问题是加载器映像不显示（一旦我修复了步，我就知道它是否隐藏了）

顺晟科技：