Signalr推送消息html,websocket 网页通讯(实时消息推送)SignalR例子源码

【实例简介】

【实例截图】

【核心代码】

$(function () {

// Declare a proxy to reference the hub.

var chat = $.connection.viewDataHub;

// Create a function that the hub can call to broadcast messages.

chat.client.addMessage = function (name, message) {

// Html encode display name and message.

var encodedName = $('

var encodedMsg = $('

// Add the message to the page.

$('#discussion').append('

' encodedName

'

:  ' encodedMsg '');

};

// 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();

});

});

});