StalkerClasses
Новичок
С Ajax-есть возможность перезагрузить отдельный блок страницы без перезагрузки.
А есть ли возможность полностью перезагрузить страницу?
А есть ли возможность полностью перезагрузить страницу?
-
Юбилейный DevConfX пройдет 21-22 июня в Москве. Как всегда — Вы решаете, кто попадет в программу секции Backend — голосуйте за интересные доклады
Ajax - перезагрузка страницы целиком
- Автор темы StalkerClasses
- Дата начала
StalkerClasses, да, обычный клик на ссылку. К AJAX отношения не имеет.
StalkerClasses
Новичок
Т.е получается что вся страница перезагрузиться в т.ч. секция <head>?
StalkerClasses, да попробуй уже ссылку нарисовать и кликнуть по ней
StalkerClasses
Новичок
А порядок работы jQuery document ready? как тогда будет выглядеть?
StalkerClasses
Новичок
Это так делается?
Код:
Пример 1.
$.ajax({ type: "POST",
url: "/Default/MyProjects",
data: { 'QuerySeperated': querySeperated },
success: function (response) {
window.location.href = response.Url;
},
error: function () {
}
});
Пример 2.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#ref_butn").click(function(){
location.reload();
});
$("#ref_in_five").click(function(){setTimeout(function() {
location.reload()
},5000);
});
});
</script>
</head>
<body>
<button id="ref_butn">Refresh the page now!</button>
<button id="ref_in_five"> Wait 5 seconds, then refresh!</button>
</body>
</html>StalkerClasses
Новичок
Вот это правильное направление?
Код:
$(function() {
$("a").live("click", function() {
$("body").html("Загрузка!");
var href = $(this).attr("href");
$.ajax({ type: "GET",
url: href,
success: function (data) {
document.write(data);
history.pushState('', '', href);
},
error: function () {
}
});
return false;
});
});
Последнее редактирование:
StalkerClasses
Новичок
В общем сделал вот так - вставляется <body> и заменяется тэг <title>
Вопрос в следующем - возможно ли сделать аналогичным образом - но что бы перезагружался весь документ?
PHP:
$("a").live("click", function() {
$("body").html("Загрузка!");
var href = $(this).attr("href");
$.ajax({ type: "GET",
url: href,
success: function (data) {
// Title tag
document.title = data
.match(/<title>(.*?)<\/title>/)[1]
.trim();
// Body content
var onlyBodyContent = data.split("<body")[1].split(">").slice(1).join(">").split("</body>")[0];
$("body").html(onlyBodyContent);
// Replace url In Browser
history.pushState('', '', href);
},
error: function () {
}
});
return false;
});
Последнее редактирование: