客户端：
client.htm
<!DOCTYPE html><html>
<body>
<h1>WebSocket</h1>
<script src="client.js"></script>
</body>
</html>
client.js
var ws = new WebSocket("ws://127.0.0.1:8080/")
ws.onopen = function() {
alert("Opened")
ws.send("I'm client")
}
ws.onmessage = function (evt) {
alert(evt.data)
}
ws.onclose = function() {
alert("Closed")
}
ws.onerror = function(err) {
alert("Error: " + err)
}
服务端可以用各种语言去实现，Java可以用Jetty，C#可以用SuperSocket，这里我举例用Node.js，创建server.js：
var WebSocketServer = require('ws').Server, wss = new WebSocketServer({port: 8080})
wss.on('connection', function(ws) {
ws.on('message', function(message) {
console.log('received: %s', message)
})
ws.send('something')
})
运行方式：
npm install wsnode server.js
1、setTestService函数是用来获得service层的对象，可以调用testService的函数查询数据库的信息。2、这里service层的对象不用加@Autowired注解了。
3、调用updateTest接口更改信息后，数据库的信息就返回给客户端了
标签（空格分隔）： js
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
HTML5 定义的 WebSocket 协议，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。
简单的例子
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）