服务端
npm install ws
var WebSocketServer = require('ws').Server,
wss = new WebSocketServer({ port: 8181 });wss.on('connection', function (ws) {
var sendStockUpdates = function (ws) {
if (ws.readyState == 1) {
ws.send('false');//需要将对象转成字符串。WebSocket只支持文本和二进制数据
console.log("更新");
}
}
var clientStockUpdater = setInterval(function () {
sendStockUpdates(ws);
}, 2000);
ws.on('message', function (message) {
var stockRequest = JSON.parse(message);//根据请求过来的数据来更新。
console.log("收到消息", stockRequest);
sendStockUpdates(ws);
});
});
客户端
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
websocket
<script>
var ws = new WebSocket("ws://localhost:8181");
var isClose = false;
var stocks = {
"AAPL": 0, "MSFT": 0, "AMZN": 0, "GOOG": 0, "YHOO": 0
};
function updataUI() {
ws.onopen = function (e) {
console.log('Connection to server opened');
isClose = false;
ws.send(JSON.stringify('stock_request'));
console.log("sened a mesg");
}
//更新UI
var changeStockEntry = function (symbol, originalValue, newValue) {
var valElem = $('#' + symbol + ' span');
valElem.html(newValue.toFixed(2));
if (newValue < originalValue) {
valElem.addClass('label-danger');
valElem.removeClass('label-success');
} else if (newValue > originalValue) {
valElem.addClass('label-success');
valElem.removeClass('label-danger');
}
}
// 处理受到的消息
ws.onmessage = function (e) {
console.log(e)
var stocksData = JSON.parse(e.data);
console.log(stocksData);
/*for (var symbol in stocksData) {
if (stocksData.hasOwnProperty(symbol)) {
changeStockEntry(symbol, stocks[symbol], stocksData[symbol]);
stocks[symbol] = stocksData[symbol];
}
}*/
};
}
updataUI();
</script>
</body>
</html>
1550
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
