Signalr 如何在页面加载后*进行信号器连接，并在超时后重新连接
我在chrome、IE和iOS Safari的当前版本中使用SignalR已有一段时间了。我一直注意到，表示页面正在加载的“微调器”只是继续旋转 我们现在正在做一些进一步的测试，并看到信号器连接正在运行，直到超时为止 /signalr/connect？transport=serverSentEvents&clientProtocol=1.5&connectionToken=XXXX&connectionData=“%”5B“%”7B“%”22name“%”22“%”3A“%”22chathub“%”22“%”7D“%”5D&tid=1 在较旧的浏览器中，在用户看来，这就像页面尚未完成加载一样。此外，当连接最终超时时，应用程序就会停止工作（或者在某些情况下抛出错误） 在提供的版本中，以及通过Nuget将教程升级到SignalR 2.2.0和jQuery 2.1.3之后，我已经能够通过MS的教程重现这一点 以下是本教程的链接： 1） 有没有最佳做法可以连接到signalR，这样连接就不会阻碍初始页面呈现的完成 2） 处理超时/重新连接的最佳实践是什么 鉴于MS当前的教程没有处理这些情况，我正在寻找更多的真实体验，可能还有两种场景的一些示例代码 以下是MS的入门教程Signalr 如何在页面加载后*进行信号器连接，并在超时后重新连接,signalr,Signalr,我在chrome、IE和iOS Safari的当前版本中使用SignalR已有一段时间了。我一直注意到，表示页面正在加载的“微调器”只是继续旋转 我们现在正在做一些进一步的测试，并看到信号器连接正在运行，直到超时为止 /signalr/connect？transport=serverSentEvents&clientProtocol=1.5&connectionToken=XXXX&connectionData=“%”5B“%”7B“%”22name“%”22“%”3A“%”22chathub“
<!DOCTYPE html>
<html>
<head>
<title>SignalR Simple Chat</title>
<style type="text/css">
.container {
background-color: #99CCFF;
border: thick solid #808080;
padding: 20px;
margin: 20px;
}
</style>
</head>
<body>
<div class="container">
<input type="text" id="message" />
<input type="button" id="sendmessage" value="Send" />
<input type="hidden" id="displayname" />
<ul id="discussion"></ul>
</div>
<!--Script references. -->
<!--Reference the jQuery library. -->
<script src="Scripts/jquery-2.1.3.min.js"></script>
<!--Reference the SignalR library. -->
<script src="Scripts/jquery.signalR-2.2.0.min.js"></script>
<!--Reference the autogenerated SignalR hub script. -->
<script src="/signalr/hubs"></script>
<!--Add script to update the page and send messages.-->
<script type="text/javascript">
$(function () {
// Declare a proxy to reference the hub.
var chat = $.connection.chatHub;
// Create a function that the hub can call to broadcast messages.
chat.client.broadcastMessage = function (name, message) {
// Html encode display name and message.
var encodedName = $('<div />').text(name).html();
var encodedMsg = $('<div />').text(message).html();
// Add the message to the page.
$('#discussion').append('<li><strong>' + encodedName
+ '</strong>: ' + encodedMsg + '</li>');
};
// Get the user name and store it to prepend to messages.
$('#displayname').val(prompt('Enter your name:', ''));
// Set initial focus to message input box.
$('#message').focus();
// Start the connection.
$.connection.hub.start().done(function () {
$('#sendmessage').click(function () {
// Call the Send method on the hub.
chat.server.send($('#displayname').val(), $('#message').val());
// Clear text box and reset focus for next comment.
$('#message').val('').focus();
});
});
});
</script>
</body>
</html>
信号员简单聊天
.集装箱{
背景色：#99CCFF；
边框：厚实线#808080；
填充：20px；
利润率：20px；
}
$（函数（）{
//声明代理以引用中心。
var chat=$.connection.chatHub；
//创建一个中心可以调用以广播消息的函数。
chat.client.broadcastMessage=函数（名称、消息）{
//Html编码显示名称和消息。
var encodedName=$（''）.text（name）.html（）；
var encodedMsg=$（''）.text（message.html（）；
//将消息添加到页面。
$（“#讨论”）。追加（“”+encodedName
+“：”+encodedMsg+” ）；
};
//获取用户名并将其存储到消息前。
$（'#displayname'）.val（提示（'输入您的姓名：'，''）；
//将初始焦点设置为消息输入框。
$（“#消息”）.focus（）；
//启动连接。
$.connection.hub.start（）.done（函数（）{
$（'#sendmessage'）。单击（函数（）{
//在集线器上调用Send方法。
chat.server.send（$（'#displayname'）.val（），$（'#message'）.val（））；
//清除文本框并重置下一条注释的焦点。
$（'#message'）.val（'.focus（）；
});
});
});
/signal/connect？transport=serverSentEvents&clientProtocol=1.5&connectionToken=