2

我正在使用 SignalR 向我的客户发送实时更新的消息。

在 Chrome、Firefox 和 IE 中接收消息工作正常。意思是,我可以从我的服务器从我的集线器发送一些东西,它可以毫无问题地到达客户端。

public void Receive(string whatever)
{
    // This correctly invokes a function on the clients end.
    Client.sayHello("Test");     
}

从客户端向服务器发送消息在 Firefox 和 IE 中都不起作用,但在 Google Chrome 21 上可以正常工作。

在 Firefox 上,使用 Firebug 的控制台,这些是页面加载后立即触发的事件序列:

GET http://localhost:12962/signalr/signalr/negotiate?_=1348547579430 200 OK 12ms
POST http://localhost:12962/signalr/signalr/send?transport=serverSentEvents&connectionId=b6fdd67f-6a71-4e5f-80cf-9e2b90cc7fe3 200 OK

在 Google Chrome 上,该 POST 永远不会被调用,也许这就是它在那里工作的原因。我所看到的只是一个 POSTnegotiateconnect. 这是我在学习完教程之后所期待的,自从SignalR 出现以来,我一直期待着

在 Firefox 上,每次我单击应该向服务器发送消息的按钮时,都会在控制台中记录:

$(document).ready(function() {
     var chat = $.connection.chat;

    /* Actions when someone clicks the Bid button. */
    $(".pujar").click(function () {
        chat.receive($(this).siblings('.auction-id').text());
        $(this).parent().siblings('.seconds').text('15');
    });

    chat.updateAuction = function (message) {
        var result = $.parseJSON(message);

        var divId = "#" + result.AuctionId;
        $(divId + " .seconds").text("15");
        $(divId + " .stat .amount").html("$" + result.LanceCost);
        $(divId + " .stat .latestbidder").html(result.LatestBidder);
        $(divId + " .stat").fadeOut().fadeIn();
    };

    $.connection.hub.start();
});

POST http://localhost:12962/signalr/signalr/send?transport=serverSentEvents&connectionId=b6fdd67f-6a71-4e5f-80cf-9e2b90cc7fe3 200 OK 16ms

Params
connectionId    b6fdd67f-6a71-4e5f-80cf-9e2b90cc7fe3
transport   serverSentEvents

Post
data    {"hub":"chat","method":"Receive","args":["1"],"state":{},"id":1}

Response
{"State":{},"Result":null,"Id":"1","Error":null,"StackTrace":null}

任何想法是什么导致了这个非常奇怪的问题?

4

2 回答 2

1

您可能会在连接开始之前触发“发送”到服务器。

试试这个:

$(document).ready(function() {
     var chat = $.connection.chat;    

    chat.updateAuction = function (message) {
        var result = $.parseJSON(message);

        var divId = "#" + result.AuctionId;
        $(divId + " .seconds").text("15");
        $(divId + " .stat .amount").html("$" + result.LanceCost);
        $(divId + " .stat .latestbidder").html(result.LatestBidder);
        $(divId + " .stat").fadeOut().fadeIn();
    };

    $.connection.hub.start().done(function() {
        /* Wire up click event after the connection has been started */
        $(".pujar").click(function () {
            chat.receive($(this).siblings('.auction-id').text());
            $(this).parent().siblings('.seconds').text('15');
        });
    });
});

请注意,对于您的服务器端代码,您没有在客户端上提供“sayHello”功能,因此我假设您只是没有将其包含在您的代码段中。客户也应该是客户。

于 2012-09-25T18:07:14.370 回答
1

我今天有同样的问题。我的问题原来是我在 jquery click 事件上向集线器传递了一个更新(数据库更改),然后将 click 事件设置为恢复它的默认操作(这改变了当前页面)。在一位同事的一些好的建议之后,我将这些事件移到了接收页面上的 document.ready 中,它解决了我看到的问题。Chrome 必须等待这些请求完成,而 Firefox 和 IE 会在它们花费太长时间时将其杀死。

于 2014-10-31T02:16:51.713 回答