ajaxの戻り値で画面全体を書き換えたい

ajaxでの通信でhtmlソースがそのまま戻り値として得られる状態なんですが
これを使ってsubmitのように画面全体を更新したいです。

document.write()で強引に書き換えてみましたがjavascriptのイベントが動かなくなります。
※一部書き換えであればjQueryのONで対応可能ですが、今回はjavascript部もまとめて
全体の書き換えの為か上手く行きませんでした。

ajax()で受けた値をコールバックで制御するのではなくそのままブラウザがレンダリングしてくれるのが理想なのですが、
そのような方法もしくはより有用な方法がありましたら教えて下さい。
よろしくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは。横浜の高校に通う高校2年生です。

以下のコードが動くかどうか試していないのですが、方針としては、取得したHTMLのうちbodyタグの部分を抜き出して、それで現在のページのbodyタグの中身を書き換えるのはどうでしょうか。

JavaScript(jQuery)
1$(function () {
2    $.ajax({
3        url: 'http://example.com/yjsnpi',
4        type: 'GET',
5        dataType: 'html',
6    })
7    .done(function (html) {
8        var bodyInnerHTML = $('body', $(html)).html(); // 取得したHTMLからbodyタグの中身を抽出
9        $('body').html(bodyInnerHTML); // 抽出したもので現在のページのbodyタグの中身を置き換える
10    })
11    .fail(function (html) { });
12});
13