| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html> |
|---|
| | | <head> |
|---|
| | | <meta charset="utf-8" /> |
|---|
| | | <title></title> |
|---|
| | | <script src="../Scripts/jquery-3.4.1.min.js"></script> |
|---|
| | | <script src="../Scripts/jquery.signalR-2.2.2.min.js"></script> |
|---|
| | | <script src="/SignalR/Hubs"></script> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <h1>æµç¨æ¼ç¤º</h1> |
|---|
| | | <input type="hidden" id="displayname" /> |
|---|
| | | <h2 id="thisname"></h2><br /> |
|---|
| | | <select id="username" style="width:153px;"> |
|---|
| | | </select> |
|---|
| | | <input id="cont" type="text" style="width:300px;"> |
|---|
| | | <input id="send" type="button" value="åé" /> |
|---|
| | | <div> |
|---|
| | | <h1 id="messgae"></h1> |
|---|
| | | </div> |
|---|
| | | <script type="text/javascript"> |
|---|
| | | |
|---|
| | | $(function () { |
|---|
| | | //å端Hubç使ç¨ï¼æ³¨æçæ¯ï¼Hubçååæ¯ChatHubï¼è¿é使ç¨æ¶é¦åæ¯å°å |
|---|
| | | var work = $.connection.chatHub; |
|---|
| | | /*$('#displayname').val(prompt('请è¾å
¥æµç§°:', ''));*/ |
|---|
| | | $('#displayname').val("è£å
ç"); |
|---|
| | | $('#thisname').text('å½åç¨æ·ï¼' + $('#displayname').val()); |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | //对åºå端çSendMessageå½æ°ï¼æ¶æ¯æ¥æ¶å½æ° |
|---|
| | | work.client.sendMessage = function (message) { |
|---|
| | | $('#messgae').append(message + '</br>') |
|---|
| | | }; |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | //å端SendLoginè°ç¨åï¼äº§ççloginUseråè° |
|---|
| | | //work.client.loginUser = function (userlist) { |
|---|
| | | // reloadUser(userlist); |
|---|
| | | //}; |
|---|
| | | |
|---|
| | | $.connection.hub.logging = true; |
|---|
| | | |
|---|
| | | //hubè¿æ¥å¼å¯ |
|---|
| | | $.connection.hub.start().done(function () { |
|---|
| | | var username = $('#displayname').val(); |
|---|
| | | //åéä¸çº¿ä¿¡æ¯ |
|---|
| | | work.server.sendLogin(username); |
|---|
| | | |
|---|
| | | //ç¹å»æé®ï¼åéæ¶æ¯ |
|---|
| | | //$('#send').click(function () { |
|---|
| | | // var friend = $('#username').val(); |
|---|
| | | // var cont = $('#cont').val(); |
|---|
| | | // //è°ç¨å端å½æ°ï¼åéæå®æ¶æ¯ |
|---|
| | | // work.server.sendByGroup(username, friend, cont); |
|---|
| | | //}); |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | //éæ°å è½½ç¨æ·å表 |
|---|
| | | //var reloadUser = function () { |
|---|
| | | // $("#username").empty(); |
|---|
| | | // for (i = 0; i < 5; i++) { |
|---|
| | | // $("#username").append("<option value=" + i + ">" + i + "</option>"); |
|---|
| | | // } |
|---|
| | | //} |
|---|
| | | //var reloadUser = function (userlist) { |
|---|
| | | // $("#username").empty(); |
|---|
| | | // for (i = 0; i < userlist.length; i++) { |
|---|
| | | // $("#username").append("<option value=" + userlist[i] + ">" + userlist[i] + "</option>"); |
|---|
| | | // } |
|---|
| | | //} |
|---|
| | | </script> |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
