jquery:ajax的全局事件

资料来源：http://www.css88.com/jqapi-1.9/category/ajax/

只选用了几个作为例子：

$.ajax：发送一个ajax请求，需要在内部定义type（请求的方式）

$.ajaxSetup：设置ajax的默认请求参数

$(document).ajaxComplete：当有ajax请求完成的时候

$(document).ajaxError：当有ajax请求出错的时候

$(document).ajaxSuccess：当有ajax请求成功的时候

代码：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<button class="button">发送一个ajax</button>
		<button class="changes">修改ajax的默认路径</button>
		<button class="send_empty">发送默认的ajax</button>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script>
		//发送ajax：路径为：https://api.douban.com/v2/book/1220562
		$("body").on("click", ".button", function() {
			$.ajax({
				url: "https://api.douban.com/v2/book/1220562",
				type: "GET",
				success: function(sres) {}
			})
		});
		//发送ajax：路径为：默认的
		$("body").on("click", ".send_empty", function() {
			$.ajax({
				type: "GET",
				success: function(sres) {}
			})
		});
		//修改ajax的默认路径
		$(document).on("click", ".changes", function() {
			$.ajaxSetup({
				url: "/failurl/",
				global: false,
				type: "POST"

			});
		});
		//ajaxcomplete:Ajax请求完成
		$(document).ajaxComplete(function(event, jqxhr, ajaxOptions) {
			console.log("ajaxcomplete：Ajax请求完成");
			console.log(event);
			console.log(jqxhr);
			console.log(ajaxOptions);
		});
		//ajaxError:Ajax请求出错时
		$(document).ajaxError(function(event, jqxhr, ajaxsettings, thrownerror) {
			console.log("ajaxerror:ajax报错了");
			console.log(event);
			console.log(jqxhr);
			console.log(ajaxsettings);
			console.log(thrownerror);
		});
		//ajax发送成功的时候
		$(document).ajaxSuccess(function(event, jqxhr, ajaxOptions) {
			console.log("ajaxcomplete：Ajax请求成功");
			console.log(event);
			console.log(jqxhr);
			console.log(ajaxOptions);
		});
	</script>

</html>

代码不多，建议看页首给出的网站，这才是最有用的

jquery:ajax的全局事件

猜你喜欢