Как правильно настроить код JS?

Question

[Артем Гартунг]

Имеется код js обновления информации чата

function online() {
			$.ajax({
				url:  	'/engine/chat.php',
				type:  	'post',
				cache: 	false,
				data:  	'chat_f=click&online=true',
				success:  function(response){elUp('.users-chat-online');},
			});
		};	

		function chat_load(key) {

			$.ajax({
				url: '/engine/chat.php',
				method: 'post',
				data: "chat_f=click&load="+key,
				cache: false,
				success: function(data){
					var json = jQuery.parseJSON(data);
					if (json.status == 'load') {
						if (json.text != 'false') {
							$('.chat').attr('key', json.text);
							elUp('.chat');
						} else{return;}
					}
				}
			});
		}

Функция elUp обновляет фоново страницу и данные появляются

и есть код перехода по ссылкам сайта

$('a[href]').each(function () {
		var href = this.href;
		if ($('a[href]').attr('target') == "_blank") {var target = '_blank';}

		$(this).removeAttr('href').css('cursor', 'pointer').click(function () {
			if (href.toLowerCase().indexOf("#") >= 0) {} 
			else {
				if (target == '_blank') {window.open(href, '_blank');} else {
					$(document.body).load(href);
					location.href = "#" + href;
					loc = location.href.split("#");
					window.history.pushState({}, document.title, loc[1]);
				}
			}
		});
	});

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

Comments

[MrColdCoffee]

Где у Вас вызов функции обновления?
По таймеру происходит?

[Артем Гартунг]

MrColdCoffee,

function update() {var key = $('.chat').attr('key'); chat_load(key);} 
setInterval(function(){online();}, 5000); setInterval(function(){update();}, 2500);

И на все это дело стоит условие if (document.location.pathname === '/chat')

[Артем Гартунг]

Артем Гартунг, Но условие не срабатывает

[MrColdCoffee]

Артем Гартунг, Попробуйте сначала открыть другую страницу, а потом перейти на чат.

[Артем Гартунг]

MrColdCoffee, сашел на страницу, потом в чат и после чата при переходе на другую страницу код продолжает работать

[Артем Гартунг]

MrColdCoffee, а если обновить страницу другу, то все сбросится и встает как полагается

Answer 1

[MrColdCoffee]

Для решения вашей проблемы необходимо отменять интервал при переходе на страницу и задавать его заново.

Для этого поместите setInterval(function(){online();}, 5000); и setInterval(function(){update();}, 2500); в переменные

например

var onlineInterval = setInterval(function(){online();}, 5000); 
var updateInterval =setInterval(function(){update();}, 5000);

И вызывайте для отмены

clearInterval( onlineInterval );
clearInterval( updateInterval);