Websocket模板

Posted 万里哥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Websocket模板相关的知识,希望对你有一定的参考价值。

将代码复制,存到一个html文件中,打开即可。代码示例:

 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=gbk" />

<title>Web sockets test</title>

<script type="text/javascript">

var ws;

function Clicked() {

try {

ws = new WebSocket("ws:http://127.0.0.1:8080/SZYJ/getmoduleinfo?appid=1&ticket=wanli_127.0.0.1_1572340419452");//连接服务器

//ws = new WebSocket("ws://echo.websocket.org/");//连接服务器

//连接websocket

ws.onopen = function(event, AlarmMessage) {

alert("已经与服务器建立了连接rn当前连接状态:" + this.readyState);

};

//websocket传输数据

ws.onmessage = function(event) {

alert("接收到服务器发送的数据:rn" + event.data);

var bjts = event.data;

};

//websocket关闭连接

ws.onclose = function(event) {

alert("已经与服务器断开连接rn当前连接状态:" + this.readyState);

};

//websocket连接异常

ws.onerror = function(event) {

alert("WebSocket异常!");

};

} catch (ex) {

alert(ex.message);

}

};

function seestate() {

alert(ws.readyState);

}

</script>

</head>

<body>

<button id=\'ToggleConnection\' type="button" onclick=\'Clicked();\'>连接服务器</button>

<br />

<br />

<button id=\'ToggleConnection\' type="button" onclick=\'seestate();\'>查看状态</button>

<br />

<br />

</body>

</html>

 

 

宁玉哥模板:

 

以上是关于Websocket模板的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段2——.vue文件的模板

VSCode自定义代码片段(vue主模板)

Websocket模板

Eclipse 中的通用代码片段或模板

调用模板化成员函数:帮助我理解另一个 *** 帖子中的代码片段

vscode代码片段生成vue模板