Execute a Javascript using AJAX call

Question

Is it Possible to execute a Javascript using AJAX call or calling a specific function in the Javascript.

I am able to display the contents of the Javascript file like "http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first " but not able to execute the javascript.

Is there any way. Actually I am a newbie AJAX

You mean like what jquery.getScript does? See this stackoverflow question. — mellamokb
– mellamokb, Commented Dec 17, 2015 at 11:33
You could create and append a script element and set its textContent property to the script you just receive, or use the reviled eval (not advised but it does work)... — somethinghere
– somethinghere, Commented Dec 17, 2015 at 11:34

Quentin · Accepted Answer · 2015-12-17 11:35:08Z

5

Ajax lets you do two things:

Make a request to the server
Read the response you get back

Anything else happens around that.

If you are, for instance, running NodeJS on the server, then the HTTP request will trigger some server side JavaScript.

If you get JavaScript back from the server, then you'll have that available in a string and you can do whatever you like to it (including passing it through eval()).

Generally speaking, fetching new JS from the server like that is a bad idea. Better to have your JavaScript loaded into your webpage up front and then just trigger it based on data you get back from the server.

answered Dec 17, 2015 at 11:35

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

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

3 Comments

somethinghere Over a year ago

Please note that it might be unsafe to simply evaluate code, and if you are unsure what your server might send back (or its somewhat user input controlled) then eval is a dangerous option. Just noting it. As a sidenote, you might be able to use a Function constructor to read your code as well.

Quentin Over a year ago

Other forms of eval (like new Function) are not really safer than eval :)

somethinghere Over a year ago

Yeah, I know, I was just saying that that's another route to go down - unrelated to the safety point made before :)

Community · Accepted Answer · 2017-05-23 10:27:21Z

4

If I am understanding correctly the case here is that the server is returning some javascript code and you like to evaluate it.

You can use the eval() function as described here.

In the example you provided it would be something like:

var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      eval(xhttp.responseText);
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();

But you should be careful, because using eval is not always a good idea. See this SO question: Why is eval a bad idea?

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Dec 17, 2015 at 11:35

gyosifov

3,2534 gold badges28 silver badges42 bronze badges

Collectives™ on Stack Overflow

Execute a Javascript using AJAX call

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related