如何用xhr.responseText替換瀏覽器內容的內容

Question

我想使用javacript或jquery更改整個頁面的內容，並顯示ajax請求返回的404 html頁面。 那可能嗎？ 怎么樣？

Answer 1

可以使用$.ajax速記方法中最簡單的load（）

if( someCondition ){
    $('body').load('404.html');
}

這可能是或不是您正在尋找的，因為問題中的意圖尚不完全清楚

Answer 2

使用DOMParser用來自xhr.responseText HTML源的documentElement替換documentElement的內容

var dom = (new DOMParser).parseFromString(xhr.responseText, 'text/html');
// any attribute setting on `document.documentElement` etc here, then
document.documentElement.innerHTML = dom.documentElement.innerHTML;
dom = null;

瀏覽器支持使用DOMParser解析HTML

Google Chrome        30   +
Firefox              12   +
Internet Explorer    10   +
Opera                17   +
Safari                7.1 +

如果需要支持舊版瀏覽器，請考慮而不是解析，而是從結尾搜索</html>和在String的開頭搜索<html ，找到close > ，然后提取這兩者之間的所有內容，然后將其設置為innerHTML

如何用xhr.responseText替換瀏覽器內容的內容

問題描述

2 個解決方案

解決方案1
1 2015-07-21 14:10:44

解決方案2
1 已采納 2015-07-21 14:23:24

如何用xhr.responseText替換瀏覽器內容的內容

問題描述

2 個解決方案

解決方案1 1 2015-07-21 14:10:44

解決方案2 1 已采納 2015-07-21 14:23:24

解決方案1
1 2015-07-21 14:10:44

解決方案2
1 已采納 2015-07-21 14:23:24