websocket 基本的用法,以及调用封装


WebSocket用于在Web浏览器和服务器之间进行任意的双向数据传输的一种技术。WebSocket协议基于TCP协议实现,包含初始的握手过程,以及后续的多次数据帧双向传输过程。其目的是在WebSocket应用和WebSocket服务器进行频繁双向通信时,可以使服务器避免打开多个HTTP连接进行工作来节约资源,提高了工作效率和资源利用率。

WebSocket看成是一种类似TCP/IP的socket技术;此socket在Web应用中实现,并获得了和TCP/IP通信一样灵活方便的全双向通信功能。

WebSocket协议由RFC 6455定义。协议分为两个部分: 握手阶段和数据通信阶段。

WebSocket为应用层协议,其定义在TCP/IP协议栈之上。WebSocket连接服务器的URI以"ws"或者"wss"开头。ws开头的默认TCP端口为80,wss开头的默认端口为443。



以下就是关于对websocket的封装和调用

//以下是对于一个socket的方法封装,
//参数1:parms 是send的时候需要发送的参数
//参数2:callback 是当websocket有返回数据的时候对数据的处理显示
socketInit:function (params,callback) {
if (typeof WebSocket === "undefined") {
console.log("您的浏览器不支持socket");
} else {
window.socket = new WebSocket(window.TIME_URL );
// 监听socket连接
socket.onopen = function () {
socket.send(params);
console.log("websocket连接成功");
}
// 监听socket消息,消息发送过来调用表格渲染的方法
socket.onmessage = function (msg) {
if(callback){
callback(msg);
}
};
// 监听socket错误信息
socket.onerror = function () {
console.log("websocket连接错误")
};
//关闭socket
socket.onclose = function () {
console.log("websocket关闭")
};
socket.reconnect = function () {
socket.onclose();
socket = new WebSocket(window.POINTVALUE_URL );
}
}
}

//调用的此方法如

socketInit(JSON.stringify({"type": "time"}),function (msg) {
//在此处写关于socket 返回数据的处理的
 console.log(msg);

})


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM