我在使用SignalR时遇到了问题,到目前为止还不明白为什么。我已经为长订单处理操作编写了一个集线器,并注意到它在 FireFox 中更新进度正常,但 Chrome 有问题。因此,我编写了简单的测试中心来检查发生了什么:
public class SimpleHub: Hub
{
public void LongProcess()
{
System.Threading.Thread.Sleep(2000);
Clients.Caller.AddProgress("Step 1 of 5 has completed.");
System.Threading.Thread.Sleep(2000);
Clients.Caller.AddProgress("Step 2 of 5 has completed.");
System.Threading.Thread.Sleep(3000);
Clients.Caller.AddProgress("Step 3 of 5 has completed.");
System.Threading.Thread.Sleep(1000);
Clients.Caller.AddProgress("Step 4 of 5 has completed.");
System.Threading.Thread.Sleep(4000);
Clients.Caller.AddProgress("Step 5 of 5 has completed.", true);
}
}
它的作用是,它每隔几秒钟就会增加一次进度。它在两个浏览器中的干净项目中按预期工作 - 每隔几秒钟就会在浏览器中出现新的进度消息。
但是当我在实际项目中尝试时,使用 Firefox 它可以正常工作,但在 Chrome 中它看起来完全阻止了 UI(甚至没有重新绘制 Chrome 控制台),并且只有在 LongProcess 完成时,它才会添加所有进度消息。
所以问题是,这可能是什么原因 - 可能是一些jQuery设置?有什么想法要检查吗?顺便说一句,我已经尝试了longPolling
和serverSendEvents
(这是由 Chrome 中的 signalR 自动选择的),两者的结果相同。
更新:添加了客户端代码:
var hub = $.connection.SimpleHub;
hub.client.AddProgress = function (progress) {
$("#placeOrderProgress").append('<li><span>' + progress + '</span><i></i></li>');
};
$.connection.hub
.start()
.done(function () {
hub.server.longProcess($('#checkoutForm').toJSON());
});
找到了答案。
我们在几个地方使用了jQuery远程验证这段代码(以避免竞争条件):
$.ajaxSetup({ async : false });
因此,当我删除它时,SignalR开始在Chrome上运行良好。有趣的是,在 FireFox 上它没有任何影响 - 无论是否使用此行代码,它都可以工作。