jQuery Easy UI 实现页面的Loading效果（类似于Android的ProgressDialog）

前言

很常用的一种前端效果，比如当用户点击网页的某个按钮发送了一条异步请求，如果响应时间过长容易导致用户重复点击，一方面影响用户体验一方面容易造成不必要的服务端压力，Easy UI有现成的mask样式，简单封装一下就可以使用，之前查阅搜集了相关资料和文章，发现都介绍的都不是很完整，所以本篇blog就完整的记录一下通过Easy UI快速实现这种效果以及如何集成到项目中。

引入、封装和调用

首先当然是在我们的项目中集成jquery以及easyui的相关资源包，除了jquery的核心js文件，easyui的话一般也不需要完整的包，除了核心js文件之外根据需求保留部分即可，我在项目中的目录文件是：

接下来就是在jsp页面中引入js和css了：

<!-- jquery core -->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jq