websocket y jquery

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

websocket y jquery

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: websocket y jquery (Leído 2,450 veces)

EFEX

Desconectado

Mensajes: 1.171

"Dinero Facil"

websocket y jquery

« en: 15 Noviembre 2013, 05:42 am »

Hola gente, hacia rato que no pasaba no tengo internet hace como mes y medio... pero estoy haciendo un juego simple y necesito ayuda con algo.
En este caso es un problema que no puedo identificarlo, entenderlo del todo bien, es en la parte del cliente. Aca prepare algo mas simple de la parte del cliente que no encuentro solucion.

Código

<html>
	<head>
		<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
		<script type="text/javascript">
		localStorage.lastresponse = 'old';
 
			function init(){
				var host = "ws://echo.websocket.org";
 
				socket = new WebSocket(host);
				socket.onopen    = function(msg){log("Welcome - status "+this.readyState); };
				socket.onmessage = function(msg){
					localStorage.lastresponse = msg.data;
					log("Received: "+msg.data);	
				};
				socket.onclose   = function(msg){log("Disconnected - status "+this.readyState); };
			}
 
			function log(msg){var log = document.getElementById("log"); log.innerHTML+="<br>"+msg; log.scrollTop = log.scrollHeight;}
 
			function send_msg(msg){ log('Sent: '+msg); socket.send(msg); }
 
			$(document).ready(function(){
				$('.boton').on('click', function () {
					$('.map').unbind().on('click', function (e) {
						send_msg('Rock it with HTML5 WebSocket');
						alert(localStorage.lastresponse);
						//console.log(localStorage.lastresponse);
						//delete localStorage.lastresponse;
 
						e.stopPropagation();
					});
				});
			});
		</script>
		<style type="text/css">
			.map{width: 200px;height: 200px;background-color: green;}
			#log{width: 400px; height: 120px;overflow-y: scroll;}
		</style>
	</head>
	<body onload="init()">
		<div class="map"></div>
		<div id="log"></div>
		<br>
		<button class="boton">Crear unidad</button>
	</body>
</html>

El funcionamiento es simple, abris la web, se conecta al servidor, creas una unidad, selecionas que parte del mapa y crea la unida... el problema es que en el alert no me imprime 'Rock it with HTML5 WebSocket' sino el valor anterior que tenia, ¿como puedo obtener la ultima respuesta del servidor?


	En línea

GITHUB

EFEX

Desconectado

Mensajes: 1.171

"Dinero Facil"

Re: websocket y jquery

« Respuesta #1 en: 16 Noviembre 2013, 08:10 am »

estuve intentando varias cosas pero no logro hacerlo $:-\$


	En línea

GITHUB

Z3r0D4Y

Desconectado

Mensajes: 4

Re: websocket y jquery

« Respuesta #2 en: 18 Noviembre 2013, 08:59 am »

Cambia la funcion en la linea 21 por esta

Código:

function send_msg(msg){ 	
           log('Sent: '+msg); socket.send(msg);	
           localStorage.lastresponse = msg;
	}

Se le asigna como ultima respuesta el mensaje a enviar.


	En línea

EFEX

Desconectado

Mensajes: 1.171

"Dinero Facil"

Re: websocket y jquery

« Respuesta #3 en: 18 Noviembre 2013, 11:42 am »

Cita de: Z3r0D4Y en 18 Noviembre 2013, 08:59 am

Cambia la funcion en la linea 21 por esta

Código:

function send_msg(msg){ 	
           log('Sent: '+msg); socket.send(msg);	
           localStorage.lastresponse = msg;
	}

Se le asigna como ultima respuesta el mensaje a enviar.

Solo estas copiando lo que estas por enviar, no la respuesta del servidor.Este servidor websocket solo devuelve lo que envies, no encontre otro por hay :rolleyes:

.
Por ahora provisoriamente hago que se ejecute el alert, en 5s y funciona...

Código

//linea 27
setTimeout('alert(localStorage.lastresponse)',5000);

Lo que realmente quiero es que al enviarse una peticion al servidor wb, espere a que obtenga una respuesta y despues llamar la funcion que deba llamar, supongo que utilizando un callback deberia funcionar? pero estoy perdido en donde.

Edito
Bueno por fin le encontre la vuelta... de la siguiente manera.

Código

			function init(){
				var host = "ws://echo.websocket.org";
 
				socket = new WebSocket(host);
				socket.onopen    = function(msg){log("Welcome - status "+this.readyState); };
				socket.onclose   = function(msg){log("Disconnected - status "+this.readyState); };
			}
 
			function log(msg){var log = document.getElementById("log"); log.innerHTML+="<br>"+msg; log.scrollTop = log.scrollHeight;}
 
			function send_msg(msg, callback){
				//Wait until server response
 
				socket.send(msg);
				log('Sent: '+msg);
				socket.onmessage = function(got){
					log("Received: "+got.data);
					callback(got.data);
				};
			}
 
			$(document).ready(function(){
				$('.boton').on('click', function () {
					$('.map').unbind().on('click', function (e) {
 
						send_msg('Rock it with HTML5 WebSocket', function(lastresponse){
							alert(lastresponse);
						});
 
						e.stopPropagation();
					});
				});
			});


« Última modificación: 18 Noviembre 2013, 12:26 pm por EFEX »	En línea

GITHUB

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	[AYUDA] WebSocket enviar ArrayBuffer Desarrollo Web	sebah97	0	1,459	29 Enero 2014, 17:45 pm por sebah97
	ayuda con proyecto de geolocalizacion + js + php +websocket Desarrollo Web	+ 1 Oculto(s)	3	2,305	29 Mayo 2016, 18:25 pm por + 1 Oculto(s)
	websocket ratchet PHP	geshiro	0	2,258	22 Abril 2017, 03:48 am por geshiro
	Php websocket wss PHP	Jastak	0	1,837	11 Junio 2017, 19:18 pm por Jastak
	Php websocket wss PHP	Jastak	7	5,282	17 Junio 2017, 07:13 am por engel lex