jQuery ajaxSuccess

This AjaxEvent ajaxSuccess registers a handler to be executed whenever an Ajax request completes successfully.

Whenever an Ajax request completes successfully, jQuery triggers the ajaxSuccess event. Any and all handlers that have been registered with the .ajaxSuccess() method are executed at this time.

To observe this method in action, do the following

Add jQuery libs from CDN into head section in HTML page

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

Write few HTML tags into body section

<button class="trigger">Trigger</button>
<div class="result"></div>
<div class="log"></div>

Add ajaxComplete event into head section

<script type="text/javascript">
    $(document).ready(function(){
        $(document).ajaxSuccess(function() {
          $(".log").text("Triggered ajaxSuccess handler.");
        });
        $(".trigger").on( "click", function() {
          $(".result").load("data.txt");
        });
    });
</script>

The complete HTML page

<!doctype html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
        <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(document).ajaxSuccess(function() {
                  $(".log").text("Triggered ajaxSuccess handler.");
                });
                $(".trigger").on( "click", function() {
                  $(".result").load("data.txt");
                });
            });
        </script>
    </head>
    <body>
        <div class="trigger" style="cursor: pointer; font-weight : bold;">Trigger</div>
        <div class="result"></div>
        <div class="log"></div>
    </body>
</html>

When the user clicks the element with class trigger and the Ajax request is completed successfully, the log message is displayed.

Thanks for reading.

data.txt file

data

Output

ajaxSuccess

 

Leave a Reply

Your email address will not be published. Required fields are marked *