ansaurus

Question

Replace HTML page with contents retrieved via AJAX

Answer 1

+3 A:

You could try doing

document.getElementById(id).innerhtml = ajax_response

The.Anti.9 2009-01-27 15:07:31

Answer 2

+4 A:

Here's how to do it in Prototype: $(id).update(data)

And jQuery: $('#id').replaceWith(data)

But document.getElementById(id).innerHTML=data should work too.

EDIT: Prototype and jQuery automatically evaluate scripts for you.

geowa4 2009-01-27 15:15:13

Answer 3

+5 A:

try this with jQuery:

$('body').load( url,[data],[callback] );

Read more at docs.jquery.com / Ajax / load

shfx 2009-01-27 15:18:03

Answer 4

+2 A:

I'm assuming you are using jQuery or something similar. If you are using jQuery, then the following should work:

<html>
<head>
   <script src="jquery.js" type="text/javascript"></script>
</head>
<body>
   content
</body>
<script type="text/javascript">
   $("body").load(url);
</script>
</html>

Marius 2009-01-27 15:22:39

Answer 5

A:

Can't you just try to replace the body content with the document.body handler?

if your page is this:

<html>
<body>
blablabla
<script type="text/javascript">
document.body.innerHTML="hi!";
</script>
</body>
</html>

Just use the document.body to replace the body.

This works for me. All the content of the BODY tag is replaced by the innerHTML you specify. If you need to even change the html tag and all childs you should check out which tags of the 'document.' are capable of doing so.

An example with javascript scripting inside it:

<html>
<body>
blablabla
<script type="text/javascript">
var changeme = "<button onClick=\"document.bgColor = \'#000000\'\">click</button>";
document.body.innerHTML=changeme;
</script>
</body>

This way you can do javascript scripting inside the new content. Don't forget to escape all double and single quotes though, or it won't work. escaping in javascript can be done by traversing your code and putting a backslash in front of all singe and double quotes.

Bare in mind that server side scripting like php doesn't work this way. Since PHP is server-side scripting it has to be processed before a page is loaded. Javascript is a language which works on client-side and thus can not activate the re-processing of php code.

xaddict 2009-01-27 18:01:46

Yes, you are almost right, but external scripts included using a <script src="..."> are not executed.

Guido 2009-01-28 07:39:34

You could traverse the code and make it load those files (and execute them) dynamically as done here: http://www.codehouse.com/javascript/articles/external/This way all the script found can be added dynamically... or is this too much?

xaddict 2009-01-29 13:15:09

ansaurus

tags:

views:

answers:

Replace HTML page with contents retrieved via AJAX

related questions