El método deferred.catch() en jQuery se usa para agregar controladores que se llamarán cuando se rechace el objeto diferido.
Sintaxis:
deferred.catch(failedFilter)
Parámetros:
- failFilter: este parámetro especifica una función que se llamará cuando se rechace el objeto diferido.
Valor devuelto: este método devuelve el objeto diferido.
Ejemplo 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>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
Ejemplo 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>
Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA