How to reload js script after ajax call?

Question

I have this script called admin_order.js, which works fine. Due to a certain plugin which loads ajax content after ajax content has been loaded admin_order.js now doesn't work.

I tried this in the response function but no success.

$.getScript("../../themes/mywebsite/js/admin_order.js");

How do i reload the script?

So is the admin_order.js modified on the server due to the ajax ca;;s? If not I would investigate further why your script stops working. If yes, then maybe you should restructure your code. — Pio
– Pio, Commented Apr 16, 2015 at 13:35
No, nothing is modified. The html that the ajax call returns replaces the html that admin_order.js has events attached to but the class names of those elements remain the same.. Any idea? — user892134
– user892134, Commented Apr 16, 2015 at 13:38
So why don't you query for data only with the ajax call and update the content on the front end? Your current solution partially reloads the page and I guess reloading the page (location.reload();) doesn't work as you end up in the wrong state. — Pio
– Pio, Commented Apr 16, 2015 at 13:41

Irvin Dominin · Accepted Answer · 2015-04-16 13:39:32Z

2

I think the problem must be handled in another way; but if you can't handle this in the plugin code, you can:

add an id to the script element eg myAdminOrderScript
before the getScript remove the script element
in the getScript success function add an Id to the last script element

Like:

<script id="myAdminOrderScript" src="../../themes/mywebsite/js/admin_order.js"></script>

  function reloadScript() {
    $('#myAdminOrderScript').remove();
    $.getScript("../../themes/mywebsite/js/admin_order.js", function() {
      $('script:last').attr('id', 'myAdminOrderScript');
    });
  }

answered Apr 16, 2015 at 13:39

Irvin Dominin

31k9 gold badges83 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user892134 Over a year ago

thanks, do i put this in the ajax response function?

Irvin Dominin Over a year ago

Yes, or in the getScript (taht is a shortcut of ajax) as the example

Collectives™ on Stack Overflow

How to reload js script after ajax call?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related