vs2010试用SignalR1.1.3
1 从NuGet获取ASP.NET SignalR
2 新建asp.net项目,然后工具——>NuGet 程序包管理器——>管理解决方案的NuGet程序包
3 程序包管理器控制台: Install-Package Microsoft.AspNet.SignalR -Version 1.1.3
4 完成安装后,项目添加许多dll以及JavaScript,项目结构图如下:
5 readme.txt 提供使用方法,解决以下问题:~/signalr/hubs return 404 等问题
6 在按照上述说明,在global.aspx 增加以下代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!-- jquery1.6.4 报错,替换成1.7.1 -->
<script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.signalR-1.1.4.min.js"></script>
<script src="signalr/hubs" type="text/javascript"></script>
</head>
<script type='text/javascript'>
$(function () {
var chat = $.connection.ViewDataHub;
init(chat);
$("#btnclick").click(function () {
$.connection.hub.start().done(function () {
chat.server.helloWorld().done(function (res) {
alert(res);
})
})
})
$("#btntalk").click(function () {
$.connection.hub.start().done(function () { //推送消息
chat.server.sendMessag($("#txttalk").val());
$("#txttalk").val("");
})
});
})
function init(chat) {
chat.client.talk = function (message) { //接收消息
var talk = "<h1>#" + message + "#</h1>";
$("#dvtalk").append(talk);
}
}
</script>
<body>
<div>
<table id="tbtoday">
</table>
<input type="text" id="txttalk" width="150" />
<input type="button" id="btnclick" value="clickme" />
<input type="button" id="btntalk" value="talkwithme" />
<div id="dvtalk">
</div>
</div>
</body>
</html>