直接上代码吧,我是放到了一个类里面,公共引用的,jquery如何封装自定义类,可以参考我之前的这篇文章 使用jquery 自定义封装类
(function ($) {
$.webSocket = function (arg) {
// 创建websocket
function ws_init() {
window.hierarchy = 10;
var target = "ws://" + window.location.host + ":8282";/* 对应你的服务端程序地址 */
if ('WebSocket' in window) {
ws = new WebSocket(target);
} else if ('MozWebSocket' in window) {
ws = new MozWebSocket(target);
} else {
alert('此浏览器不支持WebSocket。');
return;
}
ws.onopen = function () {
console.info("webSocket通道建立成功!!!");
};
ws.onmessage = function (event) {
//var data = eval("(" + event.data + ")");
var data = event.data;
console.log('websocket新消息');
//自己的业务逻辑
};
ws.onclose = function () {
console.log("webSocket连接关闭,定时重连");
setTimeout(function () {
ws_init();
}, 1000);
}
ws.onerror = function () {
console.log("webSocket出现错误");
setTimeout(function () {
ws_init();
}, 1000);
};
}
function ws_send() {
var msg = document.getElementById("msg");
ws.send(msg.value);
msg.value = "";
}
ws_init();
};
})(jQuery);
以上这基于HTML5的WebSocket的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持芦苇派。