Asynchronous script load issue

Question

I'm trying to load a script from an external source after the user executes a click function. Like so:

$("#test-button").click(function() {
$.getScript("http://someurl.com/widget/javascript?key=4&t=uid&q=94777&show=all", function (data) {
        $('#myDiv').append(data);
    });
 });

The script I'm loading (which I have no control over) includes a document.write, so I'm getting this error when I execute the click:

It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

I'm not sure how to get around this. I thought getScript would manage this.

If it contains document.write, you will not be able to add it like that or add it dynamically. — epascarello
– epascarello, Commented Mar 10, 2016 at 15:20
@epascarello That's what I thought. Any other work around besides an iframe? — jonmrich
– jonmrich, Commented Mar 10, 2016 at 15:23

Vinoth Rajendran · Accepted Answer · 2016-03-10 15:22:25Z

0

It seems like you have append the script like text

please see this example

            var script = document.createElement('script');
            script.src = '../web3.0/lib/charts/google-charts.js';
            document.body.appendChild(script);

answered Mar 10, 2016 at 15:22

Vinoth Rajendran

1,2011 gold badge15 silver badges28 bronze badges

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

1 Comment

Jack A. Over a year ago

This will have the same error that the OP had. See: plnkr.co/edit/n60VzATrZHnZkYsxLHLv?p=preview

Collectives™ on Stack Overflow

Asynchronous script load issue

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