<!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("2");
|
$('#thisname').text('当前用户：' + $('#displayname').val());
|
|
|
|
//对应后端的SendMessage函数，消息接收函数
|
work.client.sendMessage = function (message) {
|
$('#messgae').append(message + '</br>')
|
};
|
|
|
//hub连接开启
|
$.connection.hub.start().done(function () {
|
var username = $('#displayname').val();
|
//发送上线信息
|
work.server.sendLogin(username);
|
|
});
|
});
|
|
//重新加载用户列表
|
//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>
|
