Сохраняются ли временные данные при передачи данных через socket.io?

Question

[Space]

Привет. Я уже замучился и не могу понять, скрипт проверяет, что если переменная пустая, то "гуляй вася". Но даже обнулив переменную, один хрен скрипт срабатывает. Стоит один раз передать данные и он может отправлять их бесконечно, хотя их удалил. Делаю через Socket.io , может когда он завершил отправку надо как-то почистить его? Или как правильно надо реализовать проверку? ХЕЕЛП

Answer 1

[rumkin]

Нет, сам socket.io ничего не кеширует, но одна лишь формулировка вашего вопроса оставляет слишком много вариантов.
Если речь идет о переменной: тогда это проблема областей видимости, и вы либо затираете не то: посмотрите где переменная объявляется, просмотрите все вышестоящие var и function. Либо переменная перезаписывается: анализируйте коллбеки, которые пишут в эту переменную.

Comments

[Space]

@rumkin что за коллбеки?

[Space]

@rumkin @g27 мой код

var socket = io.connect( 'http://localhost:8080' );
$( "#messageForm" ).submit( function() {
	var nameVal = $( "#nameInput" ).val();
	var msg = $( "#messageInput" ).val();
	var canalVal = $( "#canalInput" ).val();
	if((nameVal) && (msg)){
	socket.emit( 'message', { name: nameVal, message: msg, canal: canalVal } )
	};
	// Ajax call for saving datas
	$.ajax({
		url: "./ajax/insertNewMessage.php",
		type: "POST",
		data: { name: nameVal, message: msg, canal: canalVal },
		success: function(data) {
			 
		}
		
	});
	
	return false;
});


socket.on( 'message', function( data ) {
	var actualContent = $( "#messages" ).html();
	var newMsgContent = '<li> <strong>' + data.name + '</strong> : ' + data.message
																					.replace(new RegExp("&#D83DDE04",'gi'),"<img src='../packs/basic/D83DDE04.png' height='21' width='21'>")
																					
																					.replace(new RegExp("&#D83DDC8A",'gi'),"<img src='../packs/basic/D83DDC8A.png' height='21' width='21'>") + '</li>';
	var content = newMsgContent + actualContent;
	$( "#messages" ).html( content );
	
});

Получается данные из формы приходят в переменную msg. Оправка произошла, данные сюда, форма очистилась. Отправляю пустую форму, а приходят данные которые уже отправлял. Но данных в форме и не где там нет. Получается они где-то в сокете. Я уже разные переменные обнулял, удалял, а толку ноль.

[Space]

Может можно как схитрить? Я уже не знаю, что и делать.

[rumkin]

Для начала попробуйте убрать

if((nameVal) && (msg)){
socket.emit( 'message', { name: nameVal, message: msg, canal: canalVal } )
}

, оставив только

socket.emit( 'message', { name: nameVal, message: msg, canal: canalVal } )

. А вообще, если честно вас очень тяжело понять даже на русском. Напишите что вы пытаетесь сделать, какая перед вами стоит задача, может вам помогут. Второй вопрос зачем вы это программируете?

[Space]

@rumkin это убирать не надо, только лишние скобки. Это проверяет переменные на пустоту. Делаю чат. На php странице есть форма

<div class="example">
			<form class="form-inline" id="messageForm">
				<input id="nameInput" type="hidden" class="input-medium" value="<?php echo $log_username;?>"  />
				<input id="canalInput"  type="hidden" class="input-medium" value="<?php echo $name;?>"  />
				<div id="messageInput" name="messageInput1" placeHolder="Ваше сообщение"></div>
				<input  type="submit" value="Отправить" onclick="$('.emoji-wysiwyg-editor').html('')"/>
			</form> 

			</div>

Она отправляет данные через сокет. Он подключается в конце странице

<script src="js/node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.js"></script>
		<script src="js/nodeClient.js"></script>

В форме, как видно у меня при клике на "Отправить" очищается значение

<div id="messageInput" name="messageInput1" placeHolder="Ваше сообщение"></div>

. Все хорошо, значение очищается, поле пустое. Но при нажатии еще раз на "Отправить" отправляются последние переданные данные(т.е. те которые только что очистил). И не могу понять почему так происходит. Можете подсказать? Я ясно выразился? :)

[rumkin]

@ruslite Для начала с помощью console.log посмотрите все ли данные попадают туда куда нужно на клиенте, тупо расставьте по коду. Затем посмотрите в заголовках запроса (консоль вкладка 'network'), что отправляется на сервер. Так же не понятно наличие двух запросов socket и POST. Выражение в скобках "if ((newVal..." у вас отрабатывает только при заполненном поле, таким образом дважды срабатывает только post-запрос, возможно, браузер кеширует его.

[Space]

@rumkin не понял где POST и socket запрос? Объясните пожалуйста)

[Space]

и как попасть вкладку network?

[Space]

Полюбому два запроса. Походу вы говорите, что данные то приходят, а потом я только проверяю их на заполненность? как исправить? Или что?

[Space]

@rumkin также на php странице делаю таймер, чтобы форму нельзя было отправить чаще 3сек, а она все равно отсылается.

<script>
 flag = true;
 $( "#messageForm" ).submit( function() { var rewrew =  $('#messageInput').html()
 if(!flag) return false;
 flag = false;
 window.setTimeout(function () {
 flag = true
 }, 3000) ;

 alert(rewrew);
 return false;
 });
</script>

При том значение rewrew выводит пустое.

[rumkin]

@ruslite
> не понял где POST и socket запрос? Объясните пожалуйста)
POST запрос отсылается методом $.ajax(). Через webSocket вы отправляете запрос методом socket.emit().

> и как попасть вкладку network?
Ищите в гугле как открыть консоль в браузере

> также на php странице делаю таймер, чтобы форму нельзя было отправить чаще 3сек, а она все равно отсылается.
Это не PHP-код.

Если вам не знакомы термины POST-запрос, консоль и PHP, то ваш уровень знаний не достаточен для решения поставленной задачи. Вы вообще как запустили веб-сервер и какой? Рекомендую изучить основы, пройти обучающие куры и начать с чего-то более простого, либо взять готовое решение.

[Space]

@rumkin все три вопроса ответы я знаю, максимум протупил со вкладкой.
>>> также на php странице делаю таймер, чтобы форму нельзя было отправить чаще 3сек, а она все равно отсылается.
>>Это не PHP-код."
Я реализовал форму на php странице, а скрипт клиента это ясное дело js. Сервер node.js

[Space]

Связка php+nodejs

[Space]

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

[Space]

получается так: если ввел данные в форме - отправляется два раза, а если форма очищена - один раз. куда копать?

[rumkin]

@ruslite Давайте сначала закроем этот вопрос. И так мы возвращаемся к if(nameVal && msg){}, здесь указано, что сообщение отправляется только в случае, когда nameVal и msg содержат что-либо, если хотя бы одно значение пустое, значит, отправка не произойдет. В этом вы могли убедиться, если бы сразу сделали то что я вас попросил сделать ранее. Т.е. повторно данные отправляет не socket, а jQuery. Теперь измените адрес './ajax/insertNewMessage.php' на './ajax/insertNewMessage.php?1'.

[Space]

изменил

var socket = io.connect( 'http://localhost:8080' );
$( "#messageForm" ).submit( function() {
	var nameVal = $( "#nameInput" ).val();
	var msg = $( "#messageInput" ).val();
	var canalVal = $( "#canalInput" ).val();
	if(msg) {
		socket.emit( 'message', { name: nameVal, message: msg, canal: canalVal } )
	   
   };
 
	// Ajax call for saving datas
	$.ajax({
		url: "./ajax/insertNewMessage.php?1",
		type: "POST",
		data: { name: nameVal, message: msg, canal: canalVal },
		success: function(data) {
			 
		}
		
	});
	
	return false;
});

Теперь независимо пуста форма или заполнена отправляет дважды. И еще заметил, что после первой отправки сообщения, отправляется два раза, форма очищается. Жму "Отправить" когда форма пуста - ничего не отправляет. Опять заполняю форму еще раз, жму "отправить", отправляется дважды. И теперь снова очищаю форму, и уже также отправляется дважды.

[Space]

@rumkin Что вы хотели показать этой единицей?

[rumkin]

@ruslite Единица указывает браузеру не кешировать запрос. Данные в запросе обновились?

[Space]

@rumkin не понял, что именно вы имеете ввиду? Если я введу новые данные в форму и отправлю, то отправятся именно новые. А если форма пуста, то отправятся предыдущие.

[rumkin]

@ruslite кидайте скрин. и добавьте изменить $( "#messageForm" ).submit( function() { на

$( "#messageForm" ).submit( function(e) { e.preventDefault();

Это даст 100% гарантию того, что форма не будет отправляться сандартным способом, даже в случае ошибки. А вызов $.ajax перенесите в блок if к socket.emit. Чтобы избежать отправки пустой формы.

[Space]

@rumkin

var socket = io.connect( 'http://localhost:8080' );
$( "#messageForm" ).submit( function(e) {
	e.preventDefault();
	var nameVal = $( "#nameInput" ).val();
	var msg = $( "#messageInput" ).val();
	var canalVal = $( "#canalInput" ).val();
	if(msg) {
		socket.emit( 'message', { name: nameVal, message: msg, canal: canalVal } )
	   	// Ajax call for saving datas
		$.ajax({
			url: "./ajax/insertNewMessage.php?1",
			type: "POST",
			data: { name: nameVal, message: msg, canal: canalVal },
			success: function(data) {
				 
			}
			
		});
		
		return false;
		});
   };

Перекидывает на главную страницу сайта - значит ошибка.Что не так?

[rumkin]

@ruslite теперь у вас ошибка синтаксиса

[Space]

@rumkin пусть даже не буду переносить $.ajax. Все осталось также, как я описал выше:

>>>> Теперь независимо пуста форма или заполнена отправляет дважды. И еще заметил, что после первой отправки сообщения, отправляется два раза, форма очищается. Жму "Отправить" когда форма пуста - ничего не отправляет. Опять заполняю форму еще раз, жму "отправить", отправляется дважды. И теперь снова очищаю форму, и уже также отправляется дважды.

[Space]

@rumkin Что ж такое?

[rumkin]

@ruslite Как осуществляете очистку поля?

[Space]

@rumkin

<form class="form-inline" id="messageForm">
				<input id="nameInput" type="hidden" class="input-medium" value="<?php echo $log_username;?>"  />
				<input id="canalInput"  type="hidden" class="input-medium" value="<?php echo $name;?>"  />
				<input id="messageInput" name="messageInput1" placeHolder="Ваше сообщение"/>
				<input  type="submit" value="Отправить" onclick="$('.emoji-wysiwyg-editor').html('')"/>
			</form>

Онкликом чищу поле, это не совсем поле, это модифицировано для отображение картинок и при вводе сообщения создается новый див с классом emoji-wysiwyg-editor в который заносится значение поля, который я и чищу. Заметил, что если в консоле удалить поле () и вернуть, а потом нажать "Отправить" то отправится пустое сообщение (ну это если нет проверки на пустоту). Но сколько я не смотрел в консоле код, там нигде не хранится значение поля.

[rumkin]

@ruslite О. Это превращается в гадание на кофейной гуще. В вашем случае вам поможет только ручное тестирование каждого элемента вашей системы. Начните с простого текстового поля, затем наращивайте функционал. Определить в чем проблема по отрывкам кодов нереально долго и сложно. Вы уже потратили полные сутки на решение примитивной задачи. Если бы вы уделили время обучению, то скорее всего решили бы свою проблему. По поводу кеширования сокетом я вам ответил. Он ничего не кеширует, остальное в вашей реализации. Последнее что вы можете сделать это выложить код вашего детища желательно со скриншотами.

[Space]

@rumkin вы поможете мне, если я вам предоставлю сайт в Интернете или пароль от админки панели управления сайта?Я уже убил на эту хрень 27 часов.

[Space]

и кстати насчет удаления поля, это походу мне показалось. Никак не влияет.

[Space]

Или куда удобнее выложить скрины, и чего именно эти скрины?

[rumkin]

@ruslite скиньте ссылку

[Space]

@rumkin сейчас, загружу обновленную версию сайта. $( "#messageForm" ).submit( function(e) { e.preventDefault(); - оставить по вашему?

[rumkin]

да оставьте

[Space]

@rumkin сайт sakh-online.ru/chat.php?name=aqaq прежде чем попасть на страницу надо залоггиниться
email: [e-mail]
password: b

[Space]

почему то сообщения не записываются в БД, на компе было все ок. и раньше на сайте тоже

[rumkin]

@ruslite никаких проблем не вижу. отправляется один раз.

[Space]

@rumkin сейчас настроил сохранение сообщений в БД, попробуйте снова

[rumkin]

@ruslite как видите, все ок. попробуйте другим браузером зайти что ли.

[Space]

@rumkin т.е. вы пишите в поле, жмете отправить, отправляется, поле очищается, а потом если поле пустое жмете отправить и у вас ничего не происходит?

[rumkin]

@ruslite Понял. У вас не очищается скрытое поле из которого берется значение.

[rumkin]

$( "#messageForm" ).submit( function(e) { e.preventDefault();
	var nameVal = $( "#nameInput" ).val();
	var msg = $( "#messageInput" ).val();
	var canalVal = $( "#canalInput" ).val();
	
	if(msg) {
		socket.emit( 'message', { name: nameVal, message: msg, canal: canalVal } )
	    $( "#messageInput" ).val('');
			// Ajax call for saving datas
		$.ajax({
			url: "./ajax/insertNewMessage.php",
			type: "POST",
			data: { name: nameVal, message: msg, canal: canalVal },
			success: function(data) {
				 
			}
			
		});
   };

});

[rumkin]

@ruslite Пробуйте.

[Space]

@rumkin вроде все чисто, сами посмотрите

[Space]

@rumkin сейчас проверю

[rumkin]

@ruslite Я уже посмотрел. Скрытое поле не очищается. Укажите полю #messageInput атрибут type="hidden" или type="text".

[Space]

@rumkin вставил ваш код выше, вроде работает как надо. проверьте у себя

[rumkin]

@ruslite Все ок

[Space]

@rumkin спасибо вам Человек с большой буквы, более суток вы на меня потратили, спасибо что помогли, просто я не опытен. И хочу спросить:
1. Что вы сделали это строчкой $( "#messageInput" ).val(''); Это было обращение к форме или в самом скрипте?
2.А почему по frames сокета передается два раза?

[rumkin]

@ruslite 1. Устанавливаем пустое значение элементу #messageInput.
2. Не понял, что за frames?

Answer 2

[g27]

Вашу реализацию в студию

Comments

[Space]

@g27 @g27 мой код

var socket = io.connect( 'http://localhost:8080' );
$( "#messageForm" ).submit( function() {
	var nameVal = $( "#nameInput" ).val();
	var msg = $( "#messageInput" ).val();
	var canalVal = $( "#canalInput" ).val();
	if((nameVal) && (msg)){
	socket.emit( 'message', { name: nameVal, message: msg, canal: canalVal } )
	};
	// Ajax call for saving datas
	$.ajax({
		url: "./ajax/insertNewMessage.php",
		type: "POST",
		data: { name: nameVal, message: msg, canal: canalVal },
		success: function(data) {
			 
		}
		
	});
	
	return false;
});


socket.on( 'message', function( data ) {
	var actualContent = $( "#messages" ).html();
	var newMsgContent = '<li> <strong>' + data.name + '</strong> : ' + data.message
																					.replace(new RegExp("&#D83DDE04",'gi'),"<img src='../packs/basic/D83DDE04.png' height='21' width='21'>")
																					
																					.replace(new RegExp("&#D83DDC8A",'gi'),"<img src='../packs/basic/D83DDC8A.png' height='21' width='21'>") + '</li>';
	var content = newMsgContent + actualContent;
	$( "#messages" ).html( content );
	
});

Получается данные из формы приходят в переменную msg. Оправка произошла, данные сюда, форма очистилась. Отправляю пустую форму, а приходят данные которые уже отправлял. Но данных в форме и не где там нет. Получается они где-то в сокете. Я уже разные переменные обнулял, удалял, а толку ноль.