jquery replace full document content

Question

I have an ajax response, that returns the full html of a webpage, like this:

<!DOCTYPE>
<html>
  <head>
    <!-- head content -->
  </head>
  <body>
    <!-- body content -->
  </body>
</html>

So I want all of this replacing the document of my calling page after the ajax call. How do I do this?

I can't get that to work. The solution in that topic does not replace my HTML. — , Feb 21 '14 at 08:04

score 1 · Answer 1 · answered Feb 21 '14 at 08:04

1

Try this

 $('html').replaceWith(myString);

answered Feb 21 '14 at 08:04

Jignesh Patel

1,028
6
10

Note that this replaces the jQuery object as well, so if you're keeping references you need to update them. courtesy @Aram Kocharyan – Feb 21 '14 at 08:14

score 0 · Accepted Answer · answered Feb 21 '14 at 08:06

use:

document.open();
document.write(myString);
document.close();

You can also try:

    var startHead = myString.indexOf("<head>");
    var endHead = myString.indexOf("</head>");        
    var headString = myString.substring(startHead+6,endHead);

    var startBody = myString.indexOf("<body>");
    var endBody = myString.indexOf("</body>");
    var bodyString = myString.substring(startBody+6,endBody);

    jQuery('head').html(headString);
    jQuery('body').html(bodyString);

score 0 · Answer 3 · answered Feb 21 '14 at 08:08

0

I have an ajax response, that returns the full html of a webpage

If that's the case, why not just redirect to that page?

window.location.href = your_url;

answered Feb 21 '14 at 08:08

xdazz

158,678
38
247
274

score 0 · Answer 4 · answered Feb 21 '14 at 08:46

0

try

document.write(xmlhttp.responseText); // using AJAX

answered Feb 21 '14 at 08:46

Sarath

608
4
12

jquery replace full document content

4 Answers4