个人中心
gpt4 book ai didi

javascript - Socket.io > 简单的服务器到客户端消息

转载 作者：太空宇宙 更新时间：2023-11-04 02:32:39 25 4
gpt4 key购买 nike

socket.io 和 HTML5 之间的问题

Javascript 服务器:

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

app.get('/', function (req, res) {
    res.sendfile('index.html');
});
io.on('connection', function (socket) {
    socket.emit('news', 'Hello');
});
http.listen(3000, function () {
    console.log('listening on *:3000');
});

HTML5:

<html>

<head>
    <meta charset="UTF-8">
    <title>My Title</title>
</head>

<body>
    <input type="button" id="getButton" value="Get Rooms">
    <script src="/socket.io/socket.io.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
    <script>
        var socket = io();
        $("#getButton").click(function () {
            socket.on('news', function (data) {
                alert(data);
            });
        });
    </script>
</body>

</html>

当我单击按钮(ID:getButton)时，我没有收到警报。服务器正在工作，我可以毫无问题地访问该页面。

我目前是socket.io/javascript 的新手(昨天安装)，如果您有关于socket.io 的详细信息页面，请在本主题下发布链接，谢谢。

最诚挚的问候

最佳答案

您一连接就发出新闻消息，因此当您单击按钮时它已经触发。尝试将您的代码更改为此，您应该会看到警报:

var socket = io();
socket.on('news', function(data) {
    alert(data);
});

您可以使用如下方式触发按钮上的事件:

服务器:

io.on('connection', function(socket) {
    //socket.emit('news','Hello');  
});

// Return the news when it's requested
io.on('giveMeNews', function(socket) {
    socket.emit('news', 'Here is your news');
});

客户:

// Listen for the news message
socket.on('news', function(data) {
    alert(data);
});

// Request news from the server
$("#getButton").click(function() {
    socket.emit('giveMeNews');
)};

关于javascript - Socket.io > 简单的服务器到客户端消息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25210190/

25 4 0
文章推荐： node.js - 类型错误 : Cannot call method 'end' in simple node file upload
文章推荐： c - 带有 mkfifo() 和 open() 的程序无法退出
文章推荐： c - 如何判断一个socket被另一个线程shutdown()？
文章推荐： node.js - 允许 Azure 移动服务中的自定义 API 的 HEAD 请求(使用 NodeJs 后端)
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com