JS实现AJAX文档上传时显示loading效果

在使用AJAX上传文档时，经常会碰到一些较大的文件。如果不进行处理，在点击上传之后，页面没有任何的提示，会误导使用者去点击更多次。如果系统没有做过防止重复提交的处理的话，就会出现问题；且几遍做了方重复提交的处理，没有任何信息的提示对于用户而言也是不合理的。因此，在很多场景都会用到loading的动画效果。
以下简单的例子来说明这一方案。

JSP

<div class="commit-btn">
     提交
     <div class="modal fade" id="myModal">
          <img  alt="加载中..." src="./pc/loading.gif"/>
     </div>
</div>

在JSP页面定义了一个div，分别实现了按钮和loading图片的定义。

JS

function hideModal(){  
    $('#myModal').modal('hide');  
}  ;

function showModal(){  
    $('#myModal').modal({backdrop:'static',keyboard:false});  
}  ;

在JS中首先定义了hideModal、showModal两个function，通过选择器获得对象，通过modal属性控制组件的可见性。