Как полностью заменить страницу с помощью AJAX?

Question

[alexandr_ftf]

Всем привет.
Как можно полностью очистить весь hml, включая head для последующей генерации нового контента из ответа сервера? Т.е. полная альтернатива отправки формы. Код:

var request=new XMLHttpRequest();
var pars="";
var url = location.href;
var query_filter=$('.query_filter').text();
pars+="query_filter="+query_filter;
request.open("POST",  url);
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.send(pars);
request.onreadystatechange = function() {
	if (request.readyState != 4) return;
	if (request.status != 200) alert(request.status + ': ' + request.statusText);
	$('body').html(request.responseText)
}

Если вставлять ответ в body, то появляется два head, два доктайпа и т.д. Если вставлять в html ($('html')) то возникает ошибка "TypeError: doc.head is null".

Comments

[Михаил]

На document могут остаться висеть js события, так себе идея

Answer 1

[coderisimo]

Если вам нужно ОБНОВИТЬ весь hml , то какой смысл делать это через AJAX ? Что мешает просто перейти на новый url ?
Если вы отправляете форму и меняете страницу в соответствии с ответом сервера , но определите некий условный , который и будет меняться. В этом случае нужно учитывать обработчики , которые "висят" с прошлого раза. Это возможно, но более удобным инструментом может быть какой-нибудь vue.js

Comments

[alexandr_ftf]

Если вам нужно ОБНОВИТЬ весь hml , то какой смысл делать это через AJAX ? Что мешает просто перейти на новый url ?

Нужно не просто обновить, а чтобы ещё отправить POST данные. Собственно вопрос был в том, возможно ли это сделать с помощью ajaх. С функцией js для моего случая это было бы проще, чем через форму.

[coderisimo]

alexandr_ftf, а в чем проблема отправить форму нативно (для чего она и предназначена) ? ))

[alexandr_ftf]

Просто данные не в одном месте должны посылаться (т.е. должно быть как минимум две формы). Да и код с функцией в данном случае мне кажется проще (визуальнее). Ну и так для общего развития - для разных задач - разные методы)

[coderisimo]

alexandr_ftf, обычно, если приходится надевать штаны через голову, значит, где-то ошибка, либо в архитектуре приложения, либо в понимании проблемы и есть более простое решение ).

еще раз , если вам нужна ПОЛНОСТЬЮ НОВАЯ СТРАНИца в ответ на отправку post на сервер - вы можете отправить любые данные формой. Там на сервере вы их можете разобрать , сделать что нужно и вернуть новую страницу , руководствуясь полученными данными. При этом никаких танцев с бубном и неприятных сюрпризов. )

Answer 2

[Doston]

Используйте PJAX. С него полностью заменить страницу очень удобно