WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var wsServer = 'ws://localhost:9999/webSocket.ashx'//基于.NET4.5服务器地址
//var wsServer = 'ws://localhost:1818'//基于.NET服务器地址
var websocket = new WebSocket(wsServer)//创建WebSocket对象
//websocket.send("hello")//向服务器发送消息
//alert(websocket.readyState)//查看websocket当前状态
websocket.onopen = function (evt) {
//已经建立连接
alert("已经建立连接")
}
websocket.onclose = function (evt) {
//已经关闭连接
alert("已经关闭连接")
}
websocket.onmessage = function (evt) {
//收到服务器消息，使用evt.data提取
evt.stopPropagation()
evt.preventDefault()
//alert(evt.data)
writeToScreen(evt.data)
//websocket.close()
}
websocket.onerror = function (evt) {
//产生异常
//alert(evt.message)
writeToScreen(evt.message)
}
function sendMsg() {
if (websocket.readyState == websocket.OPEN) {
msg = document.getElementById("msg").value
websocket.send(msg)
writeToScreen("发送成功!")
} else {
writeToScreen("连接失败!")
}
}
function writeToScreen(message) {
var pre = document.createElement("p")
pre.style.wordWrap = "break-word"
pre.innerHTML += message
output.appendChild(pre)
}
</script>
</head>
<body>
<div>
<input type="text" id="msg" value="beyond is number one!" />
<button onclick="sendMsg()">send</button>
</div>
<div id="output"></div>
</body>
</html>
H5edu实训html5开发解答
前台可以设置一个setinterval，定期发送ajax监听后台，也可以用HTML5的websocket，html5的方式比较新，消息比较短，适合做聊天系统。在WebSocket API中，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。
webSocket是html5新引入的技术，允许后台随时向前端发送文本或者二进制消息，WebSocket是一种全新的协议，不属于http无状态协议，协议名为“ws”，这意味着一个websocket连接地址会是这样的写法
WebSocket是为解决客户端与服务端实时通信而产生的技术。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接，此后服务端与客户端通过此TCP连接进行实时通信。
消息推送选择极光。JPush 是经过考验的大规模 App 推送平台，每天推送消息量级为数百亿条。 开发者集成 SDK 后，可以通过调用 API 推送消息。同时，JPush 提供可视化的 web 端控制台发送通知，统计分析推送效果。 JPush 全面支持 Android, iOS, Winphone 三大手机平台。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）