欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

.Net使用SuperSocket框架實現(xiàn)WebSocket前端

 更新時間:2022年01月20日 09:07:52   作者:老馬-Max  
這篇文章介紹了.Net使用SuperSocket框架實現(xiàn)WebSocket前端,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

本文內容是搭配后端使用的,沒看過WebSocket后端實現(xiàn)的童鞋們戳這里

咳咳,其實前端實現(xiàn)相對就容易很多了,因為我們有JavaScript WebSocket Api,它看上來大致是這樣的:

var ws = '';//WebSocket對象
var userName = '測試同學' + parseInt(Math.random(1) * 888);//用戶名
//初始化連接
function connect() {
    var address = "ws://127.0.0.1:10086";//服務端地址
    ws = new WebSocket(address);//實例化WebSocket對象
    //開始連接時
    ws.onopen = function (e) {
        ws.send('[login]{"userid":"' + userName + '"}');
    };
    //收到信息時
    ws.onmessage = function (e) {
        var Json = eval('(' + e.data + ')');
        switch (Json.type) {
            case '1':
                //新用戶連接時
                break;
            case '2':
                var Html = '';
                Html += '<p>';
                Html += Json.user + ':' + Json.msg;
                Html += '</p>';
                $('#msgBox').append(Html);
                break;
        }
    };
    //發(fā)生錯誤時
    ws.onerror = function (e) {
 
    };
    //連接關閉時
    ws.onclose = function (e) {
        $('#msgBox').append('<p>與聊天室的連接已斷開。</p>');
    };
}
 
//公聊發(fā)送
function send() {
    var SendText = $('#send').val();
    ws.send('[send]{"msg":"' + SendText + '","user":"' + userName + '"}');
}

這些東西是固定的,記就行了~簡單解釋下:

關鍵之一:ws.onmessage,它可以在收到服務端信息時做出響應——然后你就可以為所欲為了。

該方法返回的信息存儲在e.data內,內容取決于你的服務端如何編寫(這里視作返回Json)。

關鍵之二:ws.send(),它可以發(fā)送信息到你編寫的服務端(至于內容,依然取決于你后端如何實現(xiàn))。

關鍵之三:ws.onopen(),通過它可以打開與服務端的溝通(要設置好WebSocket對象)。

下面是實現(xiàn)的效果(很丑勿吐槽):

記得要找支持H5的瀏覽器哦~

到此這篇關于.Net使用SuperSocket框架實現(xiàn)WebSocket前端的文章就介紹到這了。希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

最新評論