AJAX Script Loading

Question

I am currently writing a program that uses AJAX to load a form for editing objects on a website. I have found a similar question at Loading script tags via AJAX, but it doesn't really satisfy the needs of the program.

The ajax returned is a pre-built set of elements in a form, and when certain areas are called, say, a TinyMCE textarea (which it is), it returns a set of script tags built into the text.

So my question is, is it possible to run through the script tags that have been put in the div and run them?

Plus, I want to avoid using jQuery as it could be running on any number of platforms.

"Plus, I want to avoid using jQuery as it could be running on any number of platforms." Which platforms could these be? jQuery is written in JavaScript. — Diodeus - James MacFarlane
– Diodeus - James MacFarlane, Commented Sep 12, 2011 at 15:03

Larry K · Accepted Answer · 2011-09-13 17:07:38Z

1

Yes, you can add the incoming html and scripts to the dom, then search the dom for any script tags. You would then eval the scripts and could ignore any jQuery script tags if you wish.

However:

This sort of solution tends to be quite brittle.

It would be much better and more stable for you to modify the Ajax payload into separate html and javascript scripts. That way your Ajax handler would be able to handle them directly without trying to separate them.

Added

Re: how to send back the html and javascript parts: you can either make separate Ajax calls, or return an JSON object that includes both parts. Eg:

{"js": "<the js part of the response>",
 "html": "<the html part of the respons>"}

Use a json library on your host system to take care of the issue of escaping any quotes or other json special characters in either the js or html values.

Returning both the html and js at once saves an Ajax call (which can be significant) and will usually simplify your code quite a bit vs two calls.

I use this technique in production and it works well.

edited Sep 13, 2011 at 17:07

answered Sep 12, 2011 at 15:07

Larry K

49.3k15 gold badges92 silver badges148 bronze badges

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

2 Comments

topherg Over a year ago

I was thinking of doing this, and creating it in a separate ajax query

Larry K Over a year ago

@Chris, thanks for the check. Also, see addition to answer above.

Mika Andrianarijaona · Accepted Answer · 2011-09-12 14:59:59Z

1

Do you mean you return a js script from the ajax and want to run it??If so, you can use the eval function.

answered Sep 12, 2011 at 14:59

Mika Andrianarijaona

1,64717 silver badges29 bronze badges

1 Comment

topherg Over a year ago

well, it has a list of form elements in it as a string, and part of it is a script. so far, I have made it so it scans through the text for script elements, and creates them in the Head area. so far, it is starting to work. I used unixpapa.com/js/dyna.html for help

Collectives™ on Stack Overflow

AJAX Script Loading

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related