0

在我的 nodeClient.js 中，我有一个功能

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

和

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

$( "#messages" ).html( content );
});

在这里可以清楚地看到，socket.on() 函数在这里用来将数据推送到特定的 id 中，

但是，如果我检查 html 中的 id

<ul id="messages">
    <?php 
        $query = $pdo->prepare( 'SELECT * FROM message ORDER BY msgid DESC' );
        $query->execute();

        $messages = $query->fetchAll( PDO::FETCH_OBJ );
        foreach( $messages as $message ):
    ?>
            <li> <strong><?php echo $message->name; ?></strong> : <?php echo $message->message; ?> </li>
        <?php endforeach; ?>
</ul>

在 html 页面中，我们使用 mysql 查询从数据库中获取数据，这对于没有节点 js 的 php 也可以正常工作......现在，我的问题是“socket.on() 或 socket.emit() 函数如何正在帮助获得结果。”

这是我完整的 nodeClient.js 文件

var socket = io.connect( 'http://localhost:8080' );

$( "#messageForm" ).submit( function() {
var nameVal = $( "#nameInput" ).val();
var msg = $( "#messageInput" ).val();
//alert(msg);
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( 'message', function( data ) {
var actualContent = $( "#messages" ).html();
var newMsgContent = '<li> <strong>' + data.name + '</strong> : ' + data.message + '</li>';
var content = newMsgContent + actualContent;

$( "#messages" ).html( content );
});

这是我的 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( 'message', { name: data.name, message: data.message } );
    });
});

server.listen( 8080 );

任何人都请帮助我。提前致谢！

4

1 回答 1

1

Nodejs 实时更新 div 的内容。您不必加载页面。如果您只使用 php，则需要刷新页面才能看到更改。

于 2013-08-28T13:34:18.037 回答