alexandr_v-vich
21.02.2012, 23:10
Кто-нибудь! Пожалуйста! Я умираю, неделю туплю - ответов найти негде!
Проясните, пожалуйста ситуацию с history API в HTML5.
Как я понимаю на сегодня, есть 2 основных момента:
1) history.pushState
2) XMLHttpRequest
Правильно ли я понимаю...
pushState - для изменения адресной строки (если узко, не принимая во внимания popstate)
XMLHttpRequest - для изменения контента....или как?
Простой пример:
2 страницы с 2мя разными картинками и 2мя разными текстами. В итоге необходимо:
1. Изменение адресной строки без загрузки новой страницы
2.1. Изменение картинки (картинка вставляется с новой страницы) (как понимаю здесь нужен responseText)
2.2. НЕизменение текста. Т.е. текст с прошлой страницы должен остаться тотже.
<script type="text/javascript">
window.onload = function() {
var l = document.getElementById('linken');
l.addEventListener("click", function(event) {
history.pushState(null, null, l.href);
event.preventDefault();
}, true);
};
</script>
<a href="htm.htm" id="linken">Next</a>
<img src="imgone.jpg" id="imgs" />
<p id="textone">FirstText</p>
Всё перелопатил, ночами не сплю, выручите пжл, я не знаю что думать...pushState мне меняет строку, но только! если такая страница действительно существует и при этом в исходном коде (в браузере) пишет новую страницу, хоть и отображает старую....
изменить картинку ч.з. responeText у меня не выходило....я, правда не понимаю толком зачем вообще нужен здесь XMLHttpRequest.....???
Проясните, пожалуйста ситуацию с history API в HTML5.
Как я понимаю на сегодня, есть 2 основных момента:
1) history.pushState
2) XMLHttpRequest
Правильно ли я понимаю...
pushState - для изменения адресной строки (если узко, не принимая во внимания popstate)
XMLHttpRequest - для изменения контента....или как?
Простой пример:
2 страницы с 2мя разными картинками и 2мя разными текстами. В итоге необходимо:
1. Изменение адресной строки без загрузки новой страницы
2.1. Изменение картинки (картинка вставляется с новой страницы) (как понимаю здесь нужен responseText)
2.2. НЕизменение текста. Т.е. текст с прошлой страницы должен остаться тотже.
<script type="text/javascript">
window.onload = function() {
var l = document.getElementById('linken');
l.addEventListener("click", function(event) {
history.pushState(null, null, l.href);
event.preventDefault();
}, true);
};
</script>
<a href="htm.htm" id="linken">Next</a>
<img src="imgone.jpg" id="imgs" />
<p id="textone">FirstText</p>
Всё перелопатил, ночами не сплю, выручите пжл, я не знаю что думать...pushState мне меняет строку, но только! если такая страница действительно существует и при этом в исходном коде (в браузере) пишет новую страницу, хоть и отображает старую....
изменить картинку ч.з. responeText у меня не выходило....я, правда не понимаю толком зачем вообще нужен здесь XMLHttpRequest.....???