在提交Ajax请求后，为防止用户重复操作并处理后台长时间运算，可以在前端实现锁屏功能。利用beforeSend阶段设置锁屏，complete阶段解锁。可以使用loading GIF作为等待图标。锁屏方法包括使用jquery.blockUI.js插件或自定义隐藏div。通过示例代码展示了如何设置和解除页面锁定。
有时候，提交了ajax请求后，后台需要处理很大的数据量，时间会比较长，用户需要等待一段时间。
为了防止用户重复提交请求，导致服务器出现多次计算。可以在前端锁住屏幕，设置一个等待图标，等后台处理完了再释放屏幕。
思路：
ajax方法有几个阶段，可以在beforeSend阶段设置锁屏，在complete阶段解除屏幕锁定。
等待图标，可以使用一个loading gif图片来实现，百度搜索，会出现很多这样的动态图。
ajax方法有以下几个阶段：
beforeSend 该函数在请求发送之前执行，用于修改XMLHttpRequest对象。其中参数就是XMLHttpRequest对象，由于该函数本身是jQuery事件，因此，如果函数返回false，则表示取消本次事件。
complete 该函数用于请求完成后调用的回调函数，该函数无论数据发送成功或失败都会调用，该函数有两个参数，一个是XMLHttpRequest对象，另一个是strStatus，用于描述成功请求类型的字符串。
success 该函数用于请求成功后调用的回调函数，该函数有三个参数。第一个是XMLHttpRequest对象，第二个是strError，第三个是捕捉到的错误对象strObject
error 该函数用于请求失
最低0.47元/天 解锁文章
161
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
