Как вернуться назад, если используется обновляемый DIV элемент через Ajax?

Question

[PageUp]

На странице используется перехват всех ссылок и обновление контента на странице с помощью обновления данных внутри DIV элемента при помощи Ajax.
То есть без полной перезагрузки страницы.

<script>
				$(document).on("click", "a", function(evt) {
					evt.preventDefault();
					var redirect_url = this.href;
					if (redirect_url.indexOf("index.php") > -1) {
						$.ajax({
							url: "index.php",
							async: false,
							context: $("#content"),
							success: function() {
								$("#content").load(redirect_url + " #content");
							}
						});
						return false; //что бы не выполнять переход дефолтный
					} else {
						window.location.replace(redirect_url);
					}
				});
			</script>

Как должна выглядеть ссылка "Назад"?
Сейчас использую

<a onclick="javascript:history.go(); return false;">Назад</a>

, но меня перекидывает в самое начало.
То есть я был в рамках Index.php перешел на два ранга выше index.php?go=1&info=2.
По логике по нажатию на кнопку назад, я должен вернуться к index.php?go=1 но я возвращаюсь к Index.php

Надеюсь понятно объяснил. Еще нюанс в том что эта страница иногда работает в рамках Iframe и ссылки в таком случае я меняю на

<a onclick="iframe.contentWindow.history.go(); return false;">Назад</a>

, что бы не та страница, что в окне браузера возвращалась назад, а контент загруженный в Iframe. Но и эта ссылка так же работает, как описал выше. Просто выходит к корню, вместо перехода на один уровень назад.

Comments

[Вадим]

а https://developer.mozilla.org/ru/docs/Web/API/Hist... Вы делаете когда меняете гет параметры?

[PageUp]

Вадим, Я пытался изначально, но у меня с ней возникали баги в свое время. Страница начинала прыгать в какой-то момент по неведанной причине. Туда-сюда мотать, как будто человек нажимает взад-вперед. Если подскажете как его встроить в код обработчик ссылок, что я привел в пример, то буду благодарен. Весь код который я использую для обновления контента я написал в начале вопроса.

[Вадим]

PageUp, ну если говорите что что-то дёргалось то без примера будет сложно

[PageUp]

TheAndrey7, ну к сожалению какой есть, после долгих проб и различных ошибок, это работает хотя бы хорошо, без глюков

[Александр]

PageUp,
Как вариант, ты можешь хранить историю переходов между страницами на стороне клиента и использовать ее для возврата назад.

Добавь это перед тем, как ты загружаешь контент через Ajax

var history = [];
history.push(redirect_url);

и сама логика

if (history.length > 1) {
  var previous_url = history.pop();
  $.ajax({
    url: "index.php",
    async: false,
    context: $("#content"),
    success: function() {
      $("#content").load(previous_url + " #content");
    }
  });
} else {
  window.location.replace(history[0]);
}

Получается, что при каждом новом переходе ты добавляешь новый URL в массив history, и при вызове history.pop() возвращаешься к предыдущему URL.

[PageUp]

Александр, что-то код вообще перестал работать. При нажатии на обычные ссылки (не one click) ничего не происходит.
Написал как вы предложили:

<script>
			$(document).on("click", "a", function(evt) {
				evt.preventDefault();
				var redirect_url = this.href;
				var previous_url = history.pop();
				if (history.length > 1) {
					$.ajax({
						url: "index.php",
						async: false,
						context: $("#content"),
						success: function() {
							$("#content").load(previous_url + " #content");
						}
					});
				} else {
					window.location.replace(history[0]);
				}
			});
		</script>

Так же не работают если строку с назначением добавить после условия if (history.length > 1) {
Ну а если var previous_url = history.pop();
вынести вообще за рамки скрипта по перехвату ссылок, то не работает ссылка назад, если я правильно понял, то она должна принять следующий вид:

<a onclick="javascript:history.pop(); return false;">Назад</a>

либо, если в iframe

<a onclick="iframe.contentWindow.history.pop(); return false;">Назад</a>

Ну и если заменить весь блок от IF то ссылки работают как обычные перезагружая полностью всю страницу.