Document.write только перезаписывает страницу один раз

Question

Я использовал document.write(), чтобы заменить существующий html некоторыми загруженными AJAX.
Если используется один раз в нормальной нагрузке она отлично работает (по нормали я имею в виду без AJAX), но если используется более чем один раз, он пишет без замены существующего контента

Другими словами, первый раз document.write() вызывается page1 , страница 1 перезаписывается (как предполагалось), но в следующий раз, когда она вызывается, новое содержимое: добавлено на стр. 1. Зачем?

Вот код, чтобы воспроизвести мой вопрос:

Глобальный JavaScript (на всех страницах):

function loadXMLDoc(name) { 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.addEventListener("load", transferComplete, false); 
    xmlhttp.open("GET", name, true); 
    xmlhttp.send(); 
    function transferComplete() { 
     document.write(xmlhttp.responseText); 
     history.replaceState(null, null, name); 
    } 
} 

Page один:

<a href="#" onclick="loadXMLDoc('page2.html');">p1</a> 

Page два:

<a href="#" onclick="loadXMLDoc('page3.html');">p1</a> 

Page три:

<a href="#" onclick="loadXMLDoc('page1.html');">p1</a> 

Answer 1

Это ожидаемое поведение. Метод write используется для записи содержимого на страницу при его рендеринге.

Он заменяет только страницу, когда она используется после завершения страницы, потому что в первый раз, когда вы ее используете, она будет делать неявный document.open(), чтобы начать новый поток для записи.

Чтобы правильно его использовать, чтобы заменить страницу, вызовите document.open первыми, а затем использовать document.write один или несколько раз, чтобы записать содержимое, а затем вызвать document.close сообщить браузеру, что новая страница является полной.

Answer 2

Вызов document.close() после того как вы написали к нему после обновления AJAX.

Стоит отметить, что если вы заменяете весь документ с результатом АЯКСОМ ответа, это трудно понять, какое-либо преимущество внедрения этой сложности более просто размещение простого старый <form> или обход в <a> ссылки.