极客教程jQuery deferred.catch()方法
在jQuery的deferred.catch()方法是用来添加处理程序，当推迟的对象被拒绝时，将被调用。
语法:
deferred.catch(failedFilter)
参数:
- failedFilter。这个参数指定了一个函数，当递延对象被拒绝时将被调用。
返回值：该方法返回递延对象。
示例 1:
<!DOCTYPE HTML>
<html>
<head>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
JQuery | deferred.catch() method
</p>
<button onclick="Geeks();">
click here
</button>
<script>
function Geeks() {
.get("testingGFG.php")
.then(function () {
alert(
".get successfully completed!");
})
.catch(function () {
alert("$.get failed!");
});
}
</script>
</body>
</html>
输出:
在点击按钮之前：
点击按钮后：
示例 2:
<!DOCTYPE HTML>
<html>
<head>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
JQuery | deferred.catch() method
</p>
<button onclick="Geeks();">
click here
</button>
<p id="GFG_DOWN"></p>
<script>
var el_down = document
.getElementById("GFG_DOWN");
function Geeks() {
.get("testingGFG.php")
.then(function () {
el_down.innerHTML =
".get successfully completed";
})
.catch(function () {
el_down.innerHTML = "$.get failed!";
});
}
</script>
</body>
</html>
输出:
