Question

使用https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader中的加载程序，创建了一个div

UIKit

基本思路是在我开始上传文件后开始旋转，即点击按钮（btn1）并在屏幕上打印输出时停止。上传/输出正在工作，但我很难将此加载器与文件上载的开始集成，并在输出准备就绪时结束。看着https://github.com/twitter/typeahead.js/issues/166并尝试实施，但它没有改变旋转行为

Answer 1

我认为您想要的是在发送对服务器的请求时显示加载图像，并在收到响应时使图像消失。

如果这是您想要的，只需在事件触发时显示图像，并在加载请求时使图像消失。

看起来像这样：

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();
});

旋转轮启动和停止异步

1 个答案: