Replace HTML page with contents retrieved via AJAX

The simplest way is to set the new HTML content using:

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

javascript html ajax dom

try this with jQuery:

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

javascript html ajax dom

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.

CodeHunter