How to process javascript from XMLHttpRequest donwnloaded file? [duplicate]

Question

I want to execute javascript from downloaded html file. I use XMLHttpRequest to get the html response.

function load2element() { localStorage.setItem("geadele", "cool variable is passed"); var client = new XMLHttpRequest(); client.open('GET', '/geadele/geadele/gesurvey.html'); client.onreadystatechange = function() { el.innerHTML = client.responseText; // << file with javascript } client.send(); }

imported gesurvey.html contains javascript codes for execution:

<script> console.log("From gesurvey.html"); console.log(localStorage.getItem("geadele")); // should "cool variable is passed" </script> <div>I am survey</div>

Your usage of XMLHttpRequest#onreadystatechange is doomed to failure - you need to learn how to use XMLHttpRequest — Jaromanda X
– Jaromanda X, Commented Nov 29, 2016 at 14:51

erdysson · Accepted Answer · 2016-11-29 14:39:49Z

function load2element() { localStorage.setItem("geadele", "cool variable is passed"); var client = new XMLHttpRequest(); client.open('GET', '/geadele/geadele/gesurvey.html'); client.onreadystatechange = function() { var regex = /<script\b[^>]*>([\s\S]*?)<\/script>/g; var scriptContent = regex.exec(client.responseText); if (scriptContent.length) { var scriptTbExecuted = '"use strict"; ' + scriptContent[1]; eval(scriptTbExecuted); } } client.send(); }

However, execution of eval is dangerous. strict mode eliminates some harmful behaviours, but you need to read about eval in strict mode considering the what you want to and content of that script.

you can do the above without resorting to eval, AND allow multiple script tags AND even allow script tags with src attribute AND without summoning ZA̡͊͠͝LGΌ

Collectives™ on Stack Overflow

How to process javascript from XMLHttpRequest donwnloaded file? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related