JQ实现点击按钮弹出加载中效果

由于项目还是WebForm开发，所以一般后台数据处理的，都是点击按钮，然后回发执行相关操作，但是最近这段时间有新的问题了。

因为我点击这个按钮是要根据各种配置信息，从很多个地方获取数据，然后填充到一个word文件中，实现 自动生成word文档的功能，这个时间很长，以至于按钮点击后回发超时，用户根本不知道这个文档到底好了没，当然我也不知道。不过，这个操作在后台还在继续执行，只是与前台断了连接。过会刷新页面，也是可以看到文档已经好了。

按照网上查找的方式，进行了各种设置，

客户就是上帝，用户体验至上，不得不想其他办法了。那么一步ajax走起吧。

初步测试可行，不过我好像不会写加载中效果。

那就网上找资源吧，奈何好多人分享是分享了，但是毕竟凌乱，不利于广大开发朋友的复用。

很幸运，找到了一个不错的。

如下：

https://blog.csdn.net/tolcf/article/details/38712343?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param

 

切记，ajax需要设置为异步（默认），我一开始设置为同步，然后就一直出不来效果。

大概思路：

DIV显隐控制（点击 显示加载中，完成操作隐藏）、样式