.ajaxComplete()的使用以及详解

最新推荐文章于 2023-12-28 09:38:28 发布

小糖豆巴拉巴拉

最新推荐文章于 2023-12-28 09:38:28 发布

阅读量6.8k

点赞数 3

分类专栏： javascript 文章标签： ajax

本文链接：https://blog.csdn.net/qq_28483283/article/details/79079079

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

##.ajaxComplete()的使用以及详解 ##
先上一段代码：

$(document).ajaxComplete(function(event,request, settings){
	  var EwdFlag =request.getResponseHeader("EwdFlag")
	  if(EwdFlag=="noSession"){
			window.top.location.href = "../index.jsp";  
	  } 
	  if(EwdFlag=='noRoute'){
		  var noRouteUrl=request.getResponseHeader("noRouteUrl");
		  console.log(noRouteUrl+"路径不存在")
		  window.location="../error/noRoute.jsp?url="+ noRouteUrl;
	  }
	  if(EwdFlag=='noPower'){
		  var noPowerUrl=request.getResponseHeader("noPowerUrl");
		  console.log(noPowerUrl+"没有权限");
		  window.location="../error/noRoute.jsp?url="+ noPowerUrl;
	  }
});

解析：上面这段代码位于common.js，每一个页面都会引入，而 $(d o c u m e n t) . a j a x C o m p l e t e 的作用就是在每个 a j a x 事件执行以后，都会执行$ (document).ajaxComplete这个事件，不管是否请求成功，都会执行$(document).ajaxComplete里面的方法。

当然 ajax还有其他常用并且与之类似的函数
这里写图片描述

三个参数的作用
function(event,request, settings)

event - 包含 event 对象
xhr - 包含 XMLHttpRequest 对象
options - 包含 AJAX 请求中使用的选项

鄙人使用的方式在拦截器中判断该用户是否用该权限，如果没有则

((HttpServletResponse) resp).setHeader("EwdFlag", "noRoute");

然后再ajax执行完以后执行

 if(EwdFlag=='noRoute'){
		  var noRouteUrl=request.getResponseHeader("noRouteUrl");
		  console.log(noRouteUrl+"路径不存在")
		  window.location="../error/noRoute.jsp?url="+ noRouteUrl;
	  }

然后就会跳转到没有权限提示的页面，同理。验证当前session是否过期也是用此方法，但是此方法仅仅适用于ajax请求以后，执行

还有一点：
$(document).ajaxComplete是所有的ajax执行完毕以后都会执行此方法