Injecting JavaScript after ajax call

Question

I am looking for a way to have JavaScript dynamically loaded after an ajax call to load a dialog/pop up.

I would like the dialog to load it's own JavaScript files and any in-line JavaScript.

I have seen examples that use a method to do an ajax call to load html into the DOM then have "complete" callbacks that the loading method will call after the html is loaded.

However, using this approach prevents any JavaScript on the dialog from executing and requires that the initiating JS know details about the dialog in order for it to attach events, etc.

Is the only way to accomplish this to have the dialog load the source of the document into an iframe so that it can run the JavaScript?

Community · Accepted Answer · 2017-05-23 12:21:18Z

2

It is possible to load external HTML in an iframe and have its JavaScript executed.

See those questions:

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Oct 29, 2012 at 17:07

rsp

112k31 gold badges210 silver badges185 bronze badges

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

1 Comment

Andy T Over a year ago

Setting the datatype property of the ajax call to html is exactly what I was looking for!

Collectives™ on Stack Overflow

Injecting JavaScript after ajax call

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related