jQuery html() function with javascript

Question

It appears that the .html function doesn't return javascript. Is there a function that returns both javascript and html?

EDIT:

Example:

Main Page

$.ajax({        
  url: 'ajaxpage.php',
  type: 'post',
  data: postvars,
  cache: false,
  dataType: 'html',
  success: function (html) {
    $('#content').html($(html).find('#content').html());
  }
});

ajaxpage.php

<html>
<body>
<div id="content">
   //SOME HTML
   <script type="text/javascript">
      //SOME JAVASCRIPT
   </script>
</div>
</body>
</html>

$(html).find('#content').html() returns

   //SOME HTML

while I want

   //SOME HTML
   <script type="text/javascript">
      //SOME JAVASCRIPT
   </script>

Do you mean Javascript as in a <script> tag? That should work... — Nick Brunt
– Nick Brunt, Commented May 16, 2011 at 22:38

fanfavorite · Accepted Answer · 2011-05-17 21:33:21Z

1

Unfortunately it doesn't appear that there is something that will allow the javascript to stay using jquery. Most functions strip out the javascript and others show the whole page, which just using the html variable from the success function would do.

The returned html variable has the javascript and you can just strip out what you don't need from there.

var htmlcontent = html.match(/<div\s+id="content">[\S\s]*?<\/div>/);
if (htmlcontent != null) {
   $('#content').html(htmlcontent[0]);
}

answered May 17, 2011 at 21:33

fanfavorite

5,2191 gold badge35 silver badges62 bronze badges

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

1 Comment

Nazmul Over a year ago

Good job. Didn't think in this way. Genius, I should say.

Naftali · Accepted Answer · 2011-05-16 22:37:40Z

0

Try using .load() instead of .html()

answered May 16, 2011 at 22:37

Naftali

147k41 gold badges247 silver badges304 bronze badges

1 Comment

Nick Brunt Over a year ago

.load initiates an ajax request. The questioner is trying to return the contents of a tag, not get more contents from the server.

Community · Accepted Answer · 2017-05-23 11:55:36Z

0

Looks like some of jQuery's insertion methods (like html or append) process the code for possible injections, removing script tags along the way. You can take a look at the answers to this question, or see the relevant comment in the jQuery API docs.

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered May 17, 2011 at 0:43

Dan

5372 silver badges7 bronze badges

1 Comment

fanfavorite Over a year ago

hmmm interesting. I couldn't get anything to work like that. Seemed to be stripping out the javascript created script or not executing the create script.

Nazmul · Accepted Answer · 2011-05-17 01:35:56Z

0

I have tried with filter but it only return the html part

 $('#content').html($(html).filter('#content'));

But when I tried with filter along with prevObject

i.e

$('#content').html($(html).filter('#content').prevObject);

it returns the html part (visible in firebug) as well as the javascript(not visible in firebug).

answered May 17, 2011 at 1:35

Nazmul

7,21812 gold badges54 silver badges64 bronze badges

3 Comments

fanfavorite Over a year ago

What is prevObject? This seems to process the javascript, but returns the whole page, rather than just the content div. Perhaps prevObject is a plugin or extension of some kind?

Nazmul Over a year ago

prevObject is not a plugin. james.padolsey.com/javascript/…, You are right, it returns the whole page.(I was testing only with the script and the html part within the content div)

fanfavorite Over a year ago

Do you know if there is a way to filter or find an element from end() or .prevObject, but still maintain the javascript? Both those functions work, but return the full page.

Collectives™ on Stack Overflow

jQuery html() function with javascript

4 Answers 4

1 Comment

1 Comment

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related