如何使用WebSocket和JavaScript實現即時線上投訴系統
#摘要：本文介紹如何使用WebSocket和JavaScript來建立一個即時線上投訴系統。透過WebSocket的雙向通訊特性，可以實現使用者與管理員之間的即時交流，並提供了具體的程式碼範例。
<!DOCTYPE html> <html> <head> <title>实时在线投诉系统</title> </head> <body> <h1>实时在线投诉系统</h1> <textarea id="complaints" rows="5" cols="50"></textarea><br> <button onclick="sendComplaint()">发送投诉</button><br> <div id="replies"></div> </body> </html>
var socket = new WebSocket('wss://your-websocket-server.com');
socket.onopen = function() {
console.log('WebSocket连接已建立');
};
socket.onmessage = function(event) {
var reply = event.data;
document.getElementById('replies').innerHTML += '<p>' + reply + '</p>';
};
socket.onclose = function() {
console.log('WebSocket连接已关闭');
};
function sendComplaint() {
var complaints = document.getElementById('complaints').value;
socket.send(complaints);
}在這段程式碼中，我們首先建立了一個WebSocket對象，並指定了要連接的伺服器位址。然後，我們透過定義一些事件處理程序來處理連線的開啟、訊息的到達和連線的關閉。最後，我們定義了一個發送投訴的函數，該函數將投訴內容傳送給伺服器。
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', function(ws) {
ws.on('message', function(message) {
console.log('接收到投诉：' + message);
// 处理投诉逻辑，并返回回复
var reply = '感谢您的投诉，我们会尽快处理。';
ws.send(reply);
});
});在這個範例中，我們首先建立了一個WebSocket伺服器，並指定了監聽的連接埠。當有新的連線建立時，伺服器會執行回呼函數。在回調函數中，我們接收了來自客戶端的訊息，並處理了投訴邏輯。最後，我們透過WebSocket物件的send方法將回覆傳送給客戶端。
參考資料：
以上是如何使用WebSocket和JavaScript實現即時線上投訴系統的詳細內容。更多資訊請關注PHP中文網其他相關文章！
