PageUp
@PageUp
Default

Как оптимизировать AJAX фоновую перезагрузку контента на странице?

Есть такой код, в принципе он работает. Ссылки перезагружают страницу в памяти выводя новый контент без полной перезагрузки с новыми GET параметрами, что передаются в ссылке.
Но в консоли все загажено запросами повторяющимися, как будто одно и то же действие вызывается множество раз.
Так же после определенного количества открытия ссылок начинается какая-то аномалия, страница в браузере скачет туда/сюда очень долго. Как будто нажимаются стрелки назад/вперед.
Иногда, обновив страницу через F5 (полностью), обновляет не текущую страницу, а оказываешься на одной из предыдущих страниц, на которой был ранее.
Некоторые действия делаются по несколько раз. Как будто на обнове стоит последнее событие.
В чем может быть проблема?

$(document).on("click", "a", function() {

      $.ajax({
        'url': $(this).attr('href'),
        success: function(responce) {
          $("#content").html(responce);

          $('#content').show(responce);

        }
      });

      event.preventDefault();
      return false; //что бы не выполнять переход дефолтный
    });


Страница Index которая изменяется в зависимости от входящих в нее GET и POST запросов написана на PHP и имеет места с переадресациями header() и подгрузку разных файлов по типу fuctions.php
Как оптимизировать JS что бы все работало исправно?
  • Вопрос задан
  • 111 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы