WebSocket

連接

斷開

格式：ws://IP或域名:端口

發送

消息

var websocket;

var wsUrl;

function connect()

{

try {

wsUrl = $('#wsUrl').val();

websocket = new WebSocket(wsUrl);

websocket.onopen = function(event)

{

console.log('客戶端與服務端連接成功');

connectChangeButton();

alert('連接成功');

}

websocket.onmessage = function(event)

{

push(event.data);

}

websocket.onclose = function(event)

{

console.log('連接已關閉');

disconnectChangeButton();

}

websocket.onerror = function(event)

{

alert('無法與服務端建立連接');

console.log('錯誤：' + event.data);

}

} catch (e) {

alert('無法與服務端建立連接');

}

}

function disconnect()

{

websocket.close();

disconnectChangeButton();

}

function push(content)

{

if ($('#websocket-content').children('.content-item').length >= 10) {

$('#websocket-content').children('.content-item:first-child').remove();

}

$('#websocket-content').append('

' + content + '');

}

function send()

{

var msg = $('#msg').val();

websocket.send(msg);

$('#msg').val('');

}

function connectChangeButton()

{

$('#send').removeAttr('disabled');

$('#disconnect').removeAttr('disabled');

$('#connect').attr('disabled', 'disabled');

}

function disconnectChangeButton()

{

$('#send').attr('disabled', 'disabled');

$('#connect').removeAttr('disabled');

$('#disconnect').attr('disabled', 'disabled');

}

總結

以上是生活随笔為你收集整理的websocket多人聊天php,php-notes/基于websocket实现多人聊天室.md at master · dd-code-site/php-notes · GitHub...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。