jQuery ajaxSuccess() Method
The ajaxSuccess() method in jQuery is used to specify the function to be run when an AJAX request completed successfully.
Syntax:
$(document).ajaxSuccess(function(event, xhr, options))
Parameters:: This method accepts a single parameter function which is mandatory. This function accepts three parameters as mentioned above and described below:
- event: It holds the event object.
- xhr: It holds the XMLHttpRequest object.
- options: It holds the used options in AJAX request.
The demo.txt file stored on server and it will load after clicking the change content button.
demo.txt
This is GFG.
Example 1: This example changes the content of <p> element, by taking the data from server. When the AJAX request is completed successfully, the page says AJAX request successfully completed..
html
<!DOCTYPE html> < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > </ script > <!-- Script to use ajaxSuccess() method --> < script > $(document).ready(function () { $(document).ajaxSuccess(function () { alert("AJAX request successfully completed."); }); $("button").click(function () { $("#paragraph").load("demo.txt"); }); }); </ script > </ head > < body style = "text-align:center;" > < div id = "div_content" > < h1 style = "color: green;" > w3wiki </ h1 > < p id = "paragraph" style = "font-size: 20px;" > A computer science portal for Beginner </ p > </ div > < button > Change Content </ button > </ body > </ html > |
Output:
Example 2: This example changes the content of <h1> element, by taking the data from server. When the AJAX request is completed successfully, the page says AJAX request successfully completed.
html
<!DOCTYPE html> < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > </ script > <!-- Script to use ajaxSuccess() method --> < script > $(document).ready(function () { $(document).ajaxSuccess(function () { alert("AJAX request successfully completed."); }); $("button").click(function () { $("#heading").load("demo.txt"); }); }); </ script > </ head > < body style = "text-align:center;" > < div id = "div_content" > < h1 id = "heading" style = "color: green;" > w3wiki </ h1 > < p style = "font-size: 20px;" > A computer science portal for Beginner </ p > </ div > < button >Change Content</ button > </ body > </ html > |
Output:
Contact Us