SignalRChatMvc/SignalRChat/Scripts/ChatHome.js

(开头部分) 13KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

    // 引用自动生成的集线器代理
    var chat = $.connection.chatHub;
    $(function () {
        $('#hid_touserid').val('');
    $('#textMessage').focus();
        $('.js-tab-item').eq(0).siblings('.js-tab-item').hide();/*先隐藏除第一个以外的tab*/
        //tab切换
        $('.js-tab').on('click', function (e) {
        $(this).siblings('.js-tab').toggleClass('js-li-active');
    $(this).toggleClass('js-li-active');

            var id = $('.js-tab').filter('.js-li-active').attr('href').substr(1);
            $('#' + id).toggle();
            $('#' + id).siblings('.js-tab-item').toggle();
        });
        // 开始连接服务器
        $.connection.hub.start().done(function () {
        $('#btnSend').click(function () {
            var msg = $('#textMessage').val().trim();
            if (msg == "" || msg == undefined || msg == null) {
                alert("请输入聊天信息");
                $('#textMessage').focus();
            } else {
                // 调用服务器端集线器的Send方法
                chat.server.publicSendMsg(msg, current_userid);
                // 清空输入框信息并获取焦点
                $('#textMessage').val('').focus();
            }
        });
    //添加在线用户
    chat.server.addOnlineUser(current_uname, current_pwd, current_userid);

            //获取在线用户集合
            chat.server.getAllOnlineUser();
            //获取群组集合
            chat.server.updateAllRoomList();
        });

        //显示新用户加入消息
        chat.client.showJoinMessage = function (nickName) {
        $("#js-panel-content").append('<div class="js-time text-white text-center"><span>' + nickName + '加入了聊天</span></div>');
    }
        ///显示大厅消息
        chat.client.sendPublicMessage = function (userid, username, message) {
            var direction = userid === current_userid ? 'right' : 'left';
            var str = '<div class="col-sm-12"><div class="js-msg-' + direction + ' clearfix text-black"><div class="js-msg-img pull-' + direction + '">'
                + '<img src="/Images/avatar.jpg" width="50" height="50" /></div><div class="js-msg-text pull-' + direction + '"><div class="js-msg-nick text-' + direction + '">' + username + '</div>'
                + '<div class="js-msg-info bg-white">' + message + '</div></div></div></div>';
            $("#js-panel-content").append(str);
        };

        //显示好友列表
        chat.client.showUserList = function (data) {
            $("#friends").html('');
            var html = '<div class="js-fgname"><span class="js-lt text-gray">&gt;</span>在线好友</div> <div class="js-users">';
            var allUsers = $.parseJSON(data);
            if (allUsers != null) {
                for (var i = 0; i < allUsers.length; i++) {
                    html += '<div class="js-user clearfix" userid=' + allUsers[i].UserID + ' username=' + allUsers[i].UserName + '>' +
                        '<div class="js-li-img pull-left">' +
后面还有 249 行代码,购买后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用,每次 10 算力,解读结果公开显示在下面。

还没有人解读过这个文件。