提交操作自动遮蔽实现之ajax

有时候，我们期望一些提交操作自动增加遮蔽效果，提交成功时自动去除遮蔽。

方案：

　　1、 提交前增加遮蔽逻辑，成功后增加去除遮蔽逻辑，但是不够智能

　　2、通过ajax拦截，实现自动添加\去除遮蔽效果

 

ajax拦截实现

$(document).ajaxSend(function(event,xhr,settings){
  var keys = 'add|save|submit|update', /* 地址关键字，自行扩展，以竖线分隔 */
    regstr = '\\S*('+key+')[A-Za-z0-9-_]*.(do|action)', /* 后缀可以自行调整 */
    urlReg = new RegExp(regstr,'gi');
    if(urlReg.test(settings.url)){ /* url满足关键字匹配 */
      settings.isSave = true; /* 标识是否提交操作 */
      $('#mainpage').addClass('loading'); /* 增加遮蔽效果 */
    }
}).ajaxComplete(function(event,xhr,settings){
  if(settings.isSave) {
    $('#mainpage').removeClass('loading');
  }
});