How can I include javascript in content loaded with jquery using $.ajax

Question

I want to load some HTML which include a bit of javascript, using jQuery. I've tried using both load() and ajax(). The HTML is inserted nicely into the DOM, but any script-tags seems to be filtered out. If I alert() the returned HTML, the scripts are included, but when i use html() or append(), the scripts are missing.

Any ideas?

what version of jQuery are you using? In 1.2+, the evalScripts() method should be done automatically — epascarello
– epascarello, Commented Oct 6, 2009 at 14:29

karim79 · Accepted Answer · 2009-10-06 09:39:52Z

3

You should use $.getScript to load and execute remote Javascript:

Loads, and executes, a local JavaScript file using an HTTP GET request.

Example:

$.getScript("test.js", function(){
  alert("Script loaded and executed.");
  $('#myDiv').load('some.html');
});

edited Oct 6, 2009 at 9:39

answered Oct 6, 2009 at 9:33

karim79

343k67 gold badges420 silver badges409 bronze badges

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

Comments

jerjer · Accepted Answer · 2009-10-06 09:38:04Z

0

try using:

$.get("url.php",{param1:'1',param2:'2'},function(result)){
    $('#somediv').html(result);
}

p.s. please use the latest jquery version

answered Oct 6, 2009 at 9:38

jerjer

8,77634 silver badges36 bronze badges

Collectives™ on Stack Overflow

How can I include javascript in content loaded with jquery using $.ajax

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related