Estoy creando un chat en php y nodejs usando librería socket.io
la cosa es que desde mi index.php
hago una llamada ajax que inserta los datos
en la base de datos y devuelvo la respuesta a través de un array
a ajax, luego
mando esos datos con socket.io
con emit()
, pero a la hora de leer esos datos me devuelve [object Object]
.
ESTE ES MI CODIGO
const http = require('http');
const path = require('path');
const express = require('express');
const connect = require('connect');
const app = express();
const server = app.listen(3000);
const io = require('socket.io').listen(server);
io.on('connection',socket=>{
console.log('NEW CLIENT');
//esta es la accion que se recive desde el cliente
socket.on('client-message',function (data) {
console.log(data);
//aqui el servidor emite el mensaje a todos los clientes
io.sockets.emit('server-message', data);
})
})
//voy a establecer un puerto si no tomas el 3000
app.set('port' , process.env.PORT || 3000)
//voy a recivir el puerto
server.listen(app.get('port') ,()=>{
console.log('conectado con el servidor '+app.get('port'))
})
llamada ajax
<?php
session_starts();
$msg=$_POST['msg'];
$id=$_POST['id'];
$yo=$_SESSION['id'];
$insert=mysqli_query(INSERT INTO message(msg,de,para,fecha)VALUES('$msg','$yo','$id',now()) ");
$query=mysqli_query($conexion,"SELECT * FROM registro WHERE id='$yo' ");
$row=mysqli_fetch_array($query);
$my_pic=$row['avatar'];
echo json_encode(array('pic'=>$my_pic,'msng'=>$msg);
?
cliente
$(function () {
var sockets = io.connect( 'http://localhost:8080/' );
//obteniendo los elementos del Dom
var formulario = $("#message-form");
var mensajebox = $("#chat");
var myMessage = $("#message");
var myId = $("#id");
formulario.submit( e =>{
e.preventDefault();
//console.log(mensaje.val());
//emitimos mensaje al servidor
$.ajax({
url:"insert_message.php",
type:"POST",
data:formulario.serialize(),
datatype:"json",
success:function(data){
//recivimos el array desde php y lo enviamos al servidor
socket.emit('client-message',data);
//limpiar input despues de enviar
myMessage.val("");
}
})
});
/*aqui nos toca escuchar el mensaje atraves de la palabra clave del servidor*/
socket.on('server-message',function(data){
//aqui elegimos donde mostrar el mensaje del servidor
mensajebox.append(data.pic + data.msg+'<br>');
});
})
En la consola del servidor se refleja mi array muy bien, así: <"pic","andy.png","msg","hola soy andy">
.
Como pueden ver lo que yo quiero es que se muestre mi foto y mi mensaje.
¿Alguna idea o tips de como hacerlo no novato con arrays y json?
$query=mysqli_query($conexion,"SELECT * FROM registro WHERE id="$yo" ");
, estás cerrando las comillas, fijate de cambiarlo por esto:$query=mysqli_query($conexion,"SELECT * FROM registro WHERE id='$yo' ");
echo json_encode(array(´pic´=>$my_pic,´msng´=>$msg))
, esas comillas enpic
ymsng
están mal, debería ser comillas simples o doblesecho json_encode(array('pic'=>$my_pic,'msng'=>$msg))
.