How to Reload external javascript file on asynchronous postback which document.writes() html block inside a div tag?

Question

I am trying to load a .js file into a div which document.writes() some HTML elements into the div

Example :

<div style="overflow: hidden">
    <script type="text/javascript" src="https://xyz/abc.js"></script>
</div>

Now this .js file on AJAX asynchronous postback does not executes.

How can I re-register the file into the div? Or how can I run this .js file on asynchronous postBack

Thank You.

Have you tried simply changing the src attribute of that script element? — Ted Nyberg, Jun 03 '15 at 10:48
See this post [link(]http://stackoverflow.com/questions/1828764/reload-external-javascript-after-asynchronous-postback-via-updatepanel) — Arumoy Roy, Jun 03 '15 at 11:11
@ArumoyRoy : Yes i am using update panel for asynchronous postBack — Priscilla Jobin, Jun 04 '15 at 10:23
Why don't you keep the script part outside the update panel. You can reregister any js function inside update panel. If you give some more details about your question that would be more helpfull. — Arumoy Roy, Jun 04 '15 at 18:03

score 0 · Answer 1 · answered Jun 03 '15 at 11:11

0

Apply a prefixed id (just to avoid name clash) to the div and refer that id in the js file the you want to load. And add async attribute to the script tag.

<div style="overflow: hidden" id="prefix-targetdiv"></div>
<script type="text/javascript" src="https://xyz/abc.js" async></script>

answered Jun 03 '15 at 11:11

obuliraj

106
7

could you share me a link to the page or a Jsfiddle ? – obuliraj Jun 05 '15 at 18:20

score 0 · Answer 2 · edited May 23 '17 at 12:30

0

You could modify the src attribute to reload the external script. One example could be to use a made-up query string appended to the actual JavaScript URL:

<script type="text/javascript" src="https://xyz/abc.js?some-random-string-to-reload-the-external-script"></script>

Related question: Refresh external loaded javascript files

edited May 23 '17 at 12:30

Community

1
1

answered Jun 03 '15 at 11:38

Ted Nyberg

7,001
7
41
72

How to Reload external javascript file on asynchronous postback which document.writes() html block inside a div tag?

2 Answers2