ansaurus

Question

Trying to call JS Code that is passed back from AJAX call....

Answer 1

A:

you should realy think of using an js-lib for ajax for browser-compatibilty and less memory leaks - but if you want to do this by yourself, you have to eval() the passed back javascript before you can use it.

oezi 2010-06-11 20:27:35

Answer 2

+1 A:

You should first try to get the JavaScript part from the HTML content. Then you can easily execute it using eval() function from JavaScript;

streetparade 2010-06-11 20:37:36

I don't want to execute it at the time of retrieval. I just want it available for when an input value is changed - the value selected there will change the visibility of other elements.

Dutchie432 2010-06-18 14:26:26

Answer 3

+1 A:

My answer from http://stackoverflow.com/questions/2991295/how-to-call-javascript-in-ajax-response-ie-close-a-form-div-upon-success/2991489#2991489

// response is the data returned from the server
var response = "html\<script type=\"text/javascript\">alert(\"foo\");<\/script>html";
var reScript = /\<script.*?>(.*)<\/script>/mg;
response = response.replace(reScript, function(m,m1) {
    var fn = new Function(m1); // this will make the eval run in the global scope
    fn(); //will run alert("foo");
    return "";
});
alert(response); // will alert "htmlhtml"

Sean Kinsey 2010-06-11 22:47:25

The thing is, When I get the form, I want to download a BUNCH of JS functions with it. I don't really want to call them when they are retrieved, but perhaps by pressing a button on the form.

Dutchie432 2010-06-18 14:54:35

If the code is returned as DOM0 event handlers (attributes on the elements) then everything should work. Using .innerHTML to set the content should leave these functioning.

Sean Kinsey 2010-06-18 17:05:54

Either way, my the updated code will evaluate all `<script>` elements so that the contained code will be available in the global scope. This is according to your question.

Sean Kinsey 2010-06-18 17:08:45

Answer 4

A:

there is also responseXML

receiveReq.responseXML.getElementsByTagName('input')

etc etc

Sonic Soul 2010-06-12 00:30:49

Answer 5

A:

After doing a whole lot of research, it seems Eval() has some memory issues... so I actually came across this solution:

//Firstly, create a div called codeHolder

var javascriptCode="function test(){.....}";
var JSONCode=document.createElement("script");
JSONCode.setAttribute("type","text/javascript");
JSONCode.text=javascriptCode;

var cell=document.getElementById("codeHolder");
if ( cell.hasChildNodes() )
    while ( cell.childNodes.length >= 1 )
        cell.removeChild( cell.firstChild );

cell.appendChild(JSONCode);

Dutchie432 2010-06-23 19:53:34

ansaurus

tags:

views:

answers:

Trying to call JS Code that is passed back from AJAX call....

related questions