jQuery deferred.catch() Method
Last Updated :
15 Nov, 2021
The deferred.catch() method in jQuery is used to add handlers which are to be called when the deferred object is rejected.
Syntax:
deferred.catch(failedFilter)
Parameters:
- failedFilter: This parameter specifies a function which is to be called when the deferred object is rejected.
Return Value: This method returns the deferred object.
Example 1:
<!DOCTYPE HTML>
< html >
< head >
< script src =
</ 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 >
|
Output:
Before clicking on button:
After clicking on button:
Example 2:
<!DOCTYPE HTML>
< html >
< head >
< script src =
</ 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 >
|
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...