Eulalia posted

Call function after ajax load?

yogi
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.

Edit Answer

Eulalia posted

Call function after ajax load?

yogi answered Apr 28 '23 00:00

Related Questions

Insert link

Insert image

yogi
answered Apr 28 '23 00:00