replace page with jquery $.post response

Question

Hello,

I'm using jquery's $.post like this:

$.post("/searchresult", $("#searchDiv").serialize(), function(data) { //??? });

The "data" parameter has all the html code of the result page I want.

The question is how do I replace my current page's content with this one returned by the $.post function.

Thanks,

Rui

Answer 1

I've done this with multiple ajax calls to refill a page using $('body').empty() and then several $('body').appendTo(...)

Assuming you can arrange for your webservice to return innerHtml of body alone (and not an entire html document), I think just $('body').html(data) should work. if not, i would consider loading the body with an IFRAME that src's that url.. or similar

Answer 2

$('body').html(data); should do it.

Answer 3

You can use:

$('body').load("/searchresult", { data : $("#searchDiv").serialize() }, callBackFunction);