0

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?

4
  • Estás teniendo un error de sintaxis acá $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' ");
    – Kleith
    Commented el 24 may. 2018 a las 15:16
  • gracias por tu respuesta de hecho no ese no es el problema estoy publicando esta respuesta desde mi trabajo y el teclado esta en otro idioma por lo cual no encontre las comillas simples XD el problema es al leer el array nose bien como pero gracias
    – andy gibbs
    Commented el 24 may. 2018 a las 15:19
  • No estoy seguro, por lo que me dijiste antes pero, acá tenés otro error de sintaxis: echo json_encode(array(´pic´=>$my_pic,´msng´=>$msg)), esas comillas en pic y msng están mal, debería ser comillas simples o dobles echo json_encode(array('pic'=>$my_pic,'msng'=>$msg)).
    – Kleith
    Commented el 24 may. 2018 a las 15:34
  • Xd de hecho fueron las unicas comillas simple que encontre creeme no hay error en el php y me disculpo por no avisar antes sobre el problema del teclado es que estoy en mi trabajo y estoy ancioso por una respuesta clara
    – andy gibbs
    Commented el 24 may. 2018 a las 15:37

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.