首页 > 作文

.Net使用SuperSocket框架实现WebSocket前端

更新时间:2023-04-04 16:37:53 阅读: 评论:0

本文内容是搭配后端使用的,没看过websocket后端实现的童鞋们

咳咳,其实前端实现相对就容易很多了,因为我们有javascript websocket api,它看上来大致是这样的:

var ws = '';//websocket对象var urname = '测试同学' + parint(math.random(1) * 888);//用户名//初始化连接funct厦门 天气ion connect() {    var address = "ws://1抽水马桶堵了怎么办27.0.0.1:10086";//服务端地址    ws = new websocket(address);//实例化websocket对象    //开始连接时    ws.onopen = function (e) {        ws.nd('[login]{"urid":"' + urname + '"}');    };    //收到信息时    ws.onmessage = function (e) {        var json = eval('(' + e.data + ')');        switch (json.type) {            ca '1':                //新用户连接时                break;立秋后还热吗            ca '2':                var html = '';                html 庆祝建党100周年祝福语+= '<p>';                html += json.ur + ':' + json.msg;                html += '</p>';                $('#msgbox').append(html);                break;        }    };    //发生错误时    ws.onerror = function (e) {     };    //连接关闭时    ws.onclo = function (e) {        $('#msgbox').append('<p>与聊天室的连接已断开。</p>');    };} //公聊发送function nd() {    var ndtext = $('#nd').val();    ws.nd('[nd]{"msg":"' + ndtext + '","ur":"' + urname + '"}');}

这些东西是固定的,记就行了~简单解释下:

关键之一:ws.onmessage,它可以在收到服务端信息时做出响应——然后你就可以为所欲为了。

该方法返回的信息存储在e.data内,内容取决于你单项奖学金申请书的服务端如何编写(这里视作返回json)。

关键之二:ws.nd(),它可以发送信息到你编写的服务端(至于内容,依然取决于你后端如何实现)。

关键之三:ws.onopen(),通过它可以打开与服务端的沟通(要设置好websocket对象)。

下面是实现的效果(很丑勿吐槽):

记得要找支持h5的浏览器哦~

到此这篇关于.net使用supersocket框架实现websocket前端的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持www.887551.com。

本文发布于:2023-04-04 16:37:52,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/fd15fd8c876f0dda1989c5977c0829e7.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:.Net使用SuperSocket框架实现WebSocket前端.doc

本文 PDF 下载地址:.Net使用SuperSocket框架实现WebSocket前端.pdf

标签:服务端   它可以   后端   信息
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图