接收比赛开始、进球和最终结果的通知
来源：24直播网
【直播信号】
<script type="text/javascript">
var form = document.getElementById("form");form.addEventListener("submit", function(e) {e.preventDefault();var email = document.getElementById("email").value;var team1 = document.getElementById("team1").value;var team2 = document.getElementById("team2").value;if (!email || !team1 || !team2) {alert("请填写所有字段。");return;}// 创建一个 WebSocket 连接var socket = new WebSocket("ws://localhost:8080");// 当 WebSocket 连接成功时socket.onopen = function() {// 发送订阅消息socket.send(JSON.stringify({type: "subscribe",email: email,team1: team1,team2: team2}));};// 当 WebSocket 接收消息时socket.onmessage = function(e) {// 解析消息var data = JSON.parse(e.data);// 根据消息类型显示通知if (data.type === "begin") {// 比赛开始通知document.getElementById("result").innerHTML = "比赛开始！";} else if (data.type === "goal") {// 进球通知document.getElementById("result").innerHTML = "进球：" + data.team + " " + data.score;} else if (data.type === "end") {// 比赛结束通知document.getElementById("result").innerHTML = "比赛结束！";}};// 当 WebSocket 连接关闭时socket.onclose = function() {// 显示错误信息document.getElementById("result").innerHTML = "连接已关闭。";};});
</script>
