Asked 3 years ago
24 Jun 2021
Views 569
Rickie

Rickie posted

Execute function after all ajax .load() requests are finished

Execute function after all ajax .load() requests are finished
Phpworker

Phpworker
answered Apr 28 '23 00:00


Here's a possible rewrite of the previous answer to avoid duplicate content:

To execute a function after an AJAX load, you can use the .load() method in jQuery:



<div id="myDiv">
  <!-- This content will be replaced via AJAX -->
</div>

<button id="myButton">Load Content</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $('#myButton').click(function() {
    $('#myDiv').load('/path/to/content', function() {
      // This function will be called after the AJAX content is loaded
      yourFunction();
    });
  });

  function yourFunction() {
    // Your function here
    console.log('Content loaded via AJAX');
  }
</script>

In this example, the . load () method is used to load content from the server into the #myDiv element when the #myButton button is clicked. The second argument to the .load() method is a function that will be called after the AJAX content is loaded.

You can customize the yourFunction () to execute any actions that you want to take after the AJAX content has been loaded.
Post Answer