中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁(yè) > news >正文

java eclipse mysql 網(wǎng)站開(kāi)發(fā)百度平臺(tái)商家app下載

java eclipse mysql 網(wǎng)站開(kāi)發(fā),百度平臺(tái)商家app下載,網(wǎng)站首頁(yè)關(guān)鍵字方案,網(wǎng)站建設(shè)超鏈接字體變色代碼WebSocket 瀏覽器通過(guò)JavaScript向服務(wù)器發(fā)出建立WebSocket鏈接的請(qǐng)求,鏈接建立后,客戶端和服務(wù)器端就可以通過(guò)TCP鏈接直接交互數(shù)據(jù)。WebSocket鏈接后可以通過(guò)send()方法來(lái)向服務(wù)器發(fā)送數(shù)據(jù),并通過(guò)onnessage事件來(lái)接受服務(wù)器返回的數(shù)據(jù)。 創(chuàng)…

WebSocket

瀏覽器通過(guò)JavaScript向服務(wù)器發(fā)出建立WebSocket鏈接的請(qǐng)求,鏈接建立后,客戶端和服務(wù)器端就可以通過(guò)TCP鏈接直接交互數(shù)據(jù)。WebSocket鏈接后可以通過(guò)send()方法來(lái)向服務(wù)器發(fā)送數(shù)據(jù),并通過(guò)onnessage事件來(lái)接受服務(wù)器返回的數(shù)據(jù)。

創(chuàng)建WebSocket對(duì)象

let ws = new WebSocket(server);

WebSocket參考

WebSocket - Web API 接口參考 | MDN

代碼

<template><el-row class="app-container"><el-button type="primary" @click="testSend">主要按鈕</el-button></el-row>
</template><script>export default {name: 'Monitoring',data() {return {websocket: null, // WebSocket對(duì)象reconnectInterval: 3000, // 重連間隔時(shí)間(毫秒)restartWebsocket: null , // 重啟定時(shí)器heartbeatInterval: null, // 心跳定時(shí)器};},created() {if (typeof WebSocket == "undefined") {console.log("您的瀏覽器不支持WebSocket");} else {this.setupWebSocket(); // 創(chuàng)建WebSocket連接}},methods: {testSend() { // 測(cè)試const send = {"keywords": "xxx",}this.sendMessage(JSON.stringify(send));},// websocket初始化setupWebSocket() {this.websocket = new WebSocket("ws://xxx"); // 創(chuàng)建WebSocket連接this.websocket.onopen = this.onWebSocketOpen; // WebSocket連接打開(kāi)時(shí)的處理函數(shù)this.websocket.onmessage = this.onWebSocketMessage; // 收到WebSocket消息時(shí)的處理函數(shù)this.websocket.onclose = this.onWebSocketClose; // WebSocket連接關(guān)閉時(shí)的處理函數(shù)},closeWebSocket() { // 關(guān)閉if (this.websocket) {this.websocket.close(); // 關(guān)閉WebSocket連接}},// 開(kāi)啟 WebSocket;啟動(dòng)心跳檢測(cè)onWebSocketOpen() {console.log("WebSocket connection is open");this.startHeartbeat();},// 處理從服務(wù)器接收的消息onWebSocketMessage(event) {if (event.data) {const message = JSON.parse(event.data);//    根據(jù)業(yè)務(wù)來(lái)處理數(shù)據(jù)console.log("Message from server ", message);}},// 關(guān)閉 WebSocket;停止心跳檢測(cè)onWebSocketClose() {console.log("WebSocket connection is closed");this.stopHeartbeat(); // WebSocket連接關(guān)閉時(shí),停止心跳檢測(cè)this.restartWebsocket = setTimeout(this.setupWebSocket, this.reconnectInterval); // 在一定時(shí)間后重連WebSocket},// 向服務(wù)器發(fā)送消息sendMessage(message) {if (this.websocket && this.websocket.readyState === WebSocket.OPEN) {this.websocket.send(message); // 發(fā)送消息到WebSocket服務(wù)器}},// 開(kāi)啟心跳檢測(cè)startHeartbeat() {this.heartbeatInterval = setInterval(() => {if (this.websocket && this.websocket.readyState === WebSocket.OPEN) {this.websocket.send(); // 發(fā)送心跳消息}}, 1000); // 每1秒發(fā)送一次心跳},// 停止心跳檢測(cè)stopHeartbeat() {if (this.heartbeatInterval) {clearInterval(this.heartbeatInterval); // 停止心跳檢測(cè)定時(shí)器}},// 停止重啟檢測(cè)stopRestartWebsocket() {if (this.restartWebsocket) {clearInterval(this.restartWebsocket); // 停止心跳檢測(cè)定時(shí)器}},},beforeDestroy() {this.stopHeartbeat() // 停止心跳this.stopRestartWebsocket() // 停止重啟this.closeWebSocket(); // 在組件銷毀前關(guān)閉WebSocket連接},
}
</script><style scoped></style>

http://www.risenshineclean.com/news/54178.html

相關(guān)文章:

  • 不用購(gòu)買域名做網(wǎng)站河南鄭州最新消息今天
  • 網(wǎng)站如何做好優(yōu)化品牌營(yíng)銷成功案例
  • 廣州市司法職業(yè)學(xué)校網(wǎng)站seo是干什么的
  • wordpress 在哪里注冊(cè)網(wǎng)站優(yōu)化服務(wù)
  • 贛州網(wǎng)站設(shè)計(jì)重慶網(wǎng)站seo診斷
  • 黃岡商城網(wǎng)站制作哪家好海南快速seo排名優(yōu)化
  • 曰本真人做爰免費(fèi)網(wǎng)站近期熱點(diǎn)新聞事件
  • 昆山企業(yè)網(wǎng)站建設(shè)公司淘客推廣
  • 獨(dú)立ip網(wǎng)站建設(shè)農(nóng)產(chǎn)品網(wǎng)絡(luò)營(yíng)銷
  • 贛州網(wǎng)站制作培訓(xùn)百度一下免費(fèi)下載
  • 做一手房產(chǎn)中介用什么網(wǎng)站好成都網(wǎng)站建設(shè)seo
  • 免費(fèi)企業(yè)網(wǎng)站 優(yōu)幫云武漢建站優(yōu)化廠家
  • 高新西區(qū)網(wǎng)站建設(shè)廣安seo外包
  • 獵頭做單的網(wǎng)站電商推廣平臺(tái)有哪些
  • 靜態(tài)網(wǎng)站制作wordpress模版代發(fā)軟文
  • 網(wǎng)站欄目結(jié)構(gòu)設(shè)計(jì)新媒體營(yíng)銷案例ppt
  • 做中國(guó)供應(yīng)商免費(fèi)網(wǎng)站有作用嗎怎么自己創(chuàng)建網(wǎng)址
  • 網(wǎng)站開(kāi)發(fā)咨詢百度推廣優(yōu)化師
  • 云南省網(wǎng)站建設(shè)收費(fèi)調(diào)查報(bào)告論文專業(yè)seo排名優(yōu)化費(fèi)用
  • b2b網(wǎng)站開(kāi)發(fā)源文件網(wǎng)站建設(shè)與管理屬于什么專業(yè)
  • 改版百度不收錄網(wǎng)站百度資源共享
  • 合肥網(wǎng)站的優(yōu)化seo外鏈怎么發(fā)
  • 做app還是做網(wǎng)站競(jìng)價(jià)惡意點(diǎn)擊器
  • 上海裝修公司前十名深圳網(wǎng)絡(luò)優(yōu)化seo
  • yaqinblog.wordpress什么是網(wǎng)站推廣優(yōu)化
  • 網(wǎng)站備案信息真實(shí)性核驗(yàn)單個(gè)人產(chǎn)品線上推廣方案
  • 域名需要備案嗎?鄭州網(wǎng)站建設(shè)推廣優(yōu)化
  • 鄭州設(shè)計(jì)公司天津做優(yōu)化好的公司
  • 微教育云平臺(tái)網(wǎng)站建設(shè)長(zhǎng)沙網(wǎng)站關(guān)鍵詞推廣
  • wordpress置頂文章不生效百度關(guān)鍵詞自然排名優(yōu)化公司