【问题标题】:Integrating node.js, socket.io and php web page集成node.js、socket.io和php网页
【发布时间】:2014-09-21 16:34:08
【问题描述】:

我打算将我的 php 网页与 node.js 和 socket.io 集成。 客户端可以连接到 node.js 服务器文件,但 socket.emit 函数在客户端到服务器或返回时不起作用。 这是我的 nodeClient.js 文件:

var socket = io.connect( 'http://192.168.0.10:8080/index3.php' );

$( "#messageForm" ).submit( function() {
    var nameVal = $( "#nameInput" ).val();
    var msg = $( "#messageInput" ).val();

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

// Ajax call for saving datas
$.ajax({
    url: "./ajax/insertNewMessage.php",
    type: "POST",
    data: { name: nameVal, message: msg },
    success: function(data) {
    }
});

return false;
});

socket.on( 'new message', function( data ) {
    var actualContent = $( "#messages" ).html();
    var newMsgContent = '<li> <strong>' + data.name + '</strong> : ' + data.message + '</li>';
    var content = newMsgContent + actualContent;

    $( "#messages" ).append(newMsgContent);
});

这里是 nodeServer.js 文件:

var socket = require( 'socket.io' );
var express = require( 'express' );
var http = require( 'http' );

var app = express();
var server = http.createServer( app );
var io = socket.listen( server );

io.sockets.on( 'connection', function( client ) {
console.log( "New client !");

client.on( 'message', function( data ) {
    console.log( 'Message received ' + data.name + ":" + data.message );

    //client.broadcast.emit( 'message', { name: data.name, message: data.message } );
    io.sockets.emit( 'new message', { name: data.name, message: data.message } );
});
});

server.listen( 8080, function(){
  console.log('listening on *:8080');
});

ajax 用于将数据存储在 mysql 中。每个连接的客户端都被识别为“新客户端!”。但是客户端和服务器之间没有消息通信。我的代码可能有什么问题。

【问题讨论】:

    标签: php node.js socket.io-1.0


    【解决方案1】:

    更正您的 JSON 语法,而不是在客户端编写:

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

    socket.emit( 'message', { "name": nameVal, "message": msg });

    在服务器端,您在 json 对象中写入值的名称时实际上错过了双引号

    【讨论】:

      猜你喜欢
      • 2016-12-29
      • 2023-03-30
      • 2021-04-08
      • 2013-06-17
      • 2013-07-13
      • 2012-05-19
      • 2019-06-20
      • 2012-07-14
      • 2011-09-26
      相关资源
      最近更新 更多