<!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 />
|
<input type="hidden" id="username" value="1"/>
|
<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);
|
//};
|
|
|
|
//hub连接开启
|
$.connection.hub.start().done(function () {
|
var username = $('#displayname').val();
|
//发送上线信息
|
work.server.sendLogin(username);
|
|
//点击按钮，发送消息
|
$('#send').click(function () {
|
/*var friend = $('#username').val();*/
|
var friend = [{ "code": "1", "name": "1" }, {"code":"2","name":"2"}];
|
var cont = $('#cont').val();
|
//调用后端函数，发送指定消息
|
work.server.sendByGroups(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>
|
