Я создал простую страницу с кнопкой по центру.Как переписать всю текущую страницу с помощью Ajax?
Теперь я хочу, чтобы при нажатии кнопки текущая страница была полностью переписана с новым кодом HTML и Javascript, загруженным с сервера.
Как это сделать с помощью ajax?
Ник прав с тем, что он говорит, но если нет другого пути:
$('a').click(function() {
$('body').load("test.html");
});
EDIT:
Удостоверяясь
Для меня это не получилось извлечь только load извлекает только содержимое внутри
<body> Tag от удаленного адреса.
<body> тег, определяя body =>load('test.html body')
Чтобы оживить страницу, которую вы могли бы сделать что-то вроде этого:
$('a').click(function() {
$('body').load("test.html", function() {
$(this).hide().fadeIn(2000);
});
});
, но тогда я предлагаю реализовать хотя бы один элемент-обертку.
Это будет загружать (или пытаться) весь элемент '' в тело :) –
насколько я знаю, 'load' grab только все внутри тега'
'. Возможно, я ошибаюсь – pexkinda, это больше браузер, который делает зачистку, так что это будет варьироваться, это «попытка» части :) –
Предложение: сообщение с нормальной формой и перезагрузка страницы. Если вы перезагрузка всей страницы в любом случае, вы покончив со всеми преимуществами AJAX в любом случае, лучше, чтобы перезагрузить всю страницу, например:
<form action="otherpagr.html">
<input type="submit" value="Click me" />
</form>
AJAX для замены части страницы чтобы уменьшить накладные расходы ... но если вы заменяете, скажите весь <body>, проще просто загрузить страницу, на которую вы собираетесь.
вы правы, но мне нужно сделать анимацию с javascript при перезагрузке страницы :) – xRobot
@xRobot - вы можете сделать это в блоке JavaScript прямо на странице , используя XmlHttpRequest для этого немного перехитрить IMO (и менее приятный опыт для ваших пользователей ... особенно со старыми браузерами). –
...... mmmm ok: P – xRobot
Вы используете любую javascript-библиотеку? jQuery например – pex
....... yep JQUERY: P – xRobot