Cita:
Iniciado por SeaPirates 
Claro, puedes mostrar en la consola los datos, pero nada más. Creo que no puedes devolver los datos desde un servidor hasta el cliente si no es por sockets.
Con el código que te he pasado, y usando el módulo socket.io puedes enviar datos desde el cliente hasta el servidor y viceversa.
Aunque le faltan partes, como la conexión del cliente al servidor, y la petición para recibir los datos.
Si quieres saber más acerca de como funciona tienes su página web: [url]http://socket.io[/url]
Muchas gracias por la info, logre hacer lo que queria, insertar, listar, etc desde una base de datos mysql con los modulos socket.io y mysql.
Ahora si tengo otro problema que cuando muestra la información obtenida desde la base de datos , no toman los diseños de jquery Mobile.
Código Javascript
:
Ver original<ul data-role="listview" data-filter="true" data-filter-placeholder="busca locales..." data-inset="true" id='lista_locales_ingresados'></ul>
tengo este codigo que se supone que arregla el problema
Código Javascript
:
Ver original$("#lista_locales_ingresados").listview("refresh");
pero no me funciona.
pego mi index.html por si alguien tiene la solución.
*tengo comentado el refresh porque no me funciona
Código Javascript
:
Ver original<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Node JS</title>
<style type="text/css">
html , body {
font: normal 0.9em arial , helvetica;
}
</style>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<script src="http://localhost:3000/socket.io/socket.io.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var socket = io.connect('http://localhost:3000');
$('#save').click(function() {
if ($('#nombre_local').val() == '' || $('#direccion_local').val() == '') {
return alert('Porfavor ingrese todos los campos!');
}
var data = {
name: $('#nombre_local').val(),
address: $('#direccion_local').val(),
lat: $('#latitud_local').val(),
lng: $('#longitud_local').val(),
type: $('#tipo_local').val()
};
// $("#lista_locales_ingresados").listview("refresh");
socket.emit('add local', data);
$('#nombre_local').val('');
$('#direccion_local').val('');
$('#latitud_local').val('');
$('#longitud_local').val('');
$('#tipo_local').val('');
});
socket.on('listar', function(data) {
var out = "";
$.each(data, function(i, obj) {
out += "<li>"+obj.name+" <b>Ubicado en</b> "+obj.address+" <b>latitud:</b> "+obj.lat+"<b>Long:</b> "+obj.lng+" <b>Tipo:</b> "+obj.type+"</li>";
});
$('#lista_locales_ingresados').html(out);
});
});
</script>
</head>
<body>
<div data-role="header">
<h1>Crear nuevo Registro</h1>
</div>
<label for="text-basic">NOMBRE LOCAL:</label>
<div><input type='text' id='nombre_local' value=''></div>
<div>DIRECCION: <input type='text' id='direccion_local' value=''></div>
<div>LATITUD: <input type='text' id='latitud_local' value=''></div>
<div>LONGITUD: <input type='text' id='longitud_local' value=''></div>
<div>TIPO: <input type='text' id='tipo_local' value=''></div>
<div><input data-inline="true" type='button' value='Guardar' id='save'></div>
<br>
<h2>lista_locales_ingresados:</h2>
<ul data-role="listview" id='lista_locales_ingresados'></ul>
</body>
</html>