websocket jquery的实现

该过程的教程比较多,不再赘述,直接上代码:

$(document).ready(function(){
  $("#create").click(function(){
	  alert("createDocumentFragment")
	             ws = new WebSocket("ws://127.0.0.1:7990/websocket/test/123");
	             //ws = new WebSocket("ws://baiyang/websocket/test/123");
                //连接成功建立后响应
                ws.onopen = function () {
 
	  setInterval(function(){
             var message = {
                 "type": "t10010",
                 "service":"运行心跳业务一次 =="+ new Date()
             };
             // JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串
             //而JSON.parse()可以将JSON字符串转为一个对象。
             console.log("心跳一次");
             ws.send(JSON.stringify(message));//启动心跳
         },10000)
                }
                //收到服务器消息后响应
                ws.onmessage = function (e) {  
				e = JSON.parse(e.data)  
					alert(e.data);
                }

  })
});

需要注意的是:浏览器每次新打开个界面就需要新建立一个websocket链接。
服务器websocket实现

你可能感兴趣的:(web前端,即时通信实现,websocket,js)