【Vue-Element】ajax 请求失败处理

feifeiyechuan

于 2022-08-04 16:26:02 发布

阅读量1k

点赞数

分类专栏： # 【前端】Vue # 【前端】Element-UI # 【前端】Javascript 文章标签： vue.js javascript ajax

本文链接：https://blog.csdn.net/feifeiyechuan/article/details/126161797

版权

【前端】Vue 同时被 3 个专栏收录

13 篇文章 1 订阅

订阅专栏

【前端】Element-UI

11 篇文章 0 订阅

订阅专栏

【前端】Javascript

9 篇文章 0 订阅

订阅专栏

ajax可以通过ajaxError方法来处理失败请求。

当 AJAX 请求失败时，触发一个警告框：

$(document).ajaxError(function(){
    alert("一个错误发生!");
});

ajaxError() 方法规定 AJAX 请求失败时运行的函数。

语法：

$(document).ajaxError(function(event,xhr,options,exc))

参数	描述
function(event,xhr,options,exc)	必需。规定当请求失败时运行的函数。额外的参数： event - 包含 event 对象 xhr - 包含 XMLHttpRequest 对象 options - 包含 AJAX 请求中使用的选项 exc - 包含 JavaScript exception

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试ajax</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$(document).ajaxError(function(){
		alert("一个错误发生!");
	});
	$("button").click(function(){
		$("div").load("wrongfile.txt");
	});
});
</script>
</head>
<body>

<div><h2>使用 AJAX 修改文本</h2></div>
<button>修改内容</button>

</body>
</html>