Question

我有一个ajax函数来获取数据，当响应将同时显示一个bootstrap progress loader（圆形加载器）。

怎么做？

Ajax函数JS：

private static String encodeFileToBase64Binary(String fileName) throws IOException {
    File file = new File(fileName);
    byte[] encoded = Base64.encodeBase64(FileUtils.readFileToByteArray(file));
    return new String(encoded, StandardCharsets.US_ASCII);
}

Answer 1

https://fortawesome.github.io/Font-Awesome/examples/

动画图标可以完成这项工作。还有css：

http://cssload.net/

Answer 2

你可以通过jquery progress-bar上课。

$('#category_modal').click(function(event) {
     /*here append your class to some element
       $(element).addClass("progress-bar");
     */
     var url = $(this).data('url');
     var cid = $(this).data('id');
     $.ajax({
         url: '<?=$this->config->base_url()?>admin_panel/update_popup',
         type: 'post',
         data: 'id=' + cid
     }).done(function(data) {
         /* when u r done remove
         $(element).removeClass("progress-bar");
         /*
     });
 });

Answer 3

添加功能

beforeSend: function () {
  // show loader
}

在你的ajax电话中

如何在ajax请求发送时显示进度加载器？

3 个答案: