ansaurus

Question

Inline jQuery script not working within AJAX call

Answer 1

+2 A:

So if I understand your question correctly you have some JavaScript contained within the html variable ? If so it will not work, because JavaScript that is retrieved from an AJAX hit is not executed by the browser due to security risks.

I recommend you include the necessary javascript code in your page that is initiating the the Ajax request so that it is already available when you append the new content.

*edit...

monksp added a great link as a comment that shows how to have jQuery do exactly what you want.

Here's also some code to do the same but manually:

<html>
<head>
<title>Test JavaScript JSON</title>
</head>
<script src="https://www.google.com/jsapi"&gt;&lt;/script&gt;
<script>
google.load('jquery', '1.3.2');
</script>
<body>
<script type="text/javascript">
    $(document).ready(function() {
        $.getJSON('testjs.json', function(json){
               $(document.body).append(json.html);
               eval(json.js);
             });
    });

</script>
</body>
</html>

Here's the content of testjs.json:

{"html":"<p class=\"newelement\">Click me</p>","js":"$(\".newelement\").click(function() { alert($(this).text()); });"}

And finally there are a bunch of existings plugins and other things to include javascript dynamically. I used YUI Get in the past: http://developer.yahoo.com/yui/3/get/

SBUJOLD 2010-01-29 14:51:22

Ok, I see. Thanks for clarifying that!

I'd rather not say 2010-01-29 14:53:09

Answer 2

+1 A:

I'm confused by the question, I think. The bit of javascript that you have posted, is that loaded into the page via ajax? Like, you load the page in a browser, then something happens and that javascript gets loaded into the page? That won't work, because any javascript that gets loaded that way won't get executed.

I'd recommend loading it in the originating page's javascript if possible. If not, you could take the results of the ajax request, and walk through it looking for script tags, and eval() their contents as part of your success function. It's not really efficient (or super safe, make sure you absolutely trust where the loaded contents is coming from), but it'll get the job done.

monksp 2010-01-29 14:57:03

Actually, according to http://docs.jquery.com/Specifying_the_Data_Type_for_AJAX_Requests if you give the call an option of type:"html" it will do the evaluation automatically for you.

monksp 2010-01-29 15:03:23

ansaurus

tags:

views:

answers:

Inline jQuery script not working within AJAX call

related questions