jquery:ajax的全局事件

最新推荐文章于 2022-03-13 12:50:03 发布

mkmin

最新推荐文章于 2022-03-13 12:50:03 发布

阅读量1.1k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/HUSHILIN001/article/details/81417391

版权

jquery 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

资料来源：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>

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

mkmin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery:ajax的全局事件

资料来源：http://www.css88.com/jqapi-1.9/category/ajax/只选用了几个作为例子：$.ajax：发送一个ajax请求，需要在内部定义type（请求的方式）$.ajaxSetup：设置ajax的默认请求参数$(document).ajaxComplete：当有ajax请求完成的时候$(document).ajaxError：当有ajax请求...
复制链接

扫一扫