当前位置: 首页 > news >正文

石家庄网站建设哪家便宜商品推广

石家庄网站建设哪家便宜,商品推广,网站域名申请怎么做,什么是网站后台websocket是什么? 就是用来创建网络聊天室,实时通信websocket的方法有哪些? https://developer.mozilla.org/zh-CN/docs/Web/API/WebSockets如何实现:(以下实现流程) 前端: // 直播中// 聊天web…
  1. websocket是什么?
    就是用来创建网络聊天室,实时通信
  2. websocket的方法有哪些?
    https://developer.mozilla.org/zh-CN/docs/Web/API/WebSockets
  3. 如何实现:(以下实现流程)
    前端:
 		 // 直播中// 聊天websocket()const wsurl = 'wss://...';var websocket = new WebSocket(wsurl);//注意不要加()调用函数,不然会立即调用会报错websocket.onopen = websocketonopen;websocket.onmessage = websocketonmessage;websocket.onerror = websocketonerror;websocket.onclose = websocketonclose;//发送按钮事件$('.sendBtn').click(()=>{send()})// 发送消息function send(){//获取输入框的内容content = $('#content').val()let data = {fd:fd,content:content,courseid: courseid,uid:uid,user_nickname:user_nickname,avatar:avatar,liveuid:liveuid,type:'msg'};//data看需求传什么值,同时与后端协调要什么websocket.send(JSON.stringify(data));//重置输入框$('#content').val('')}// 获取消息function websocketonmessage(e){var data = JSON.parse(e.data);if(data.type =='login'){console.log(data.fd+'进入了聊天室')}if(data.type=='close'){console.log(data.fd+'离开了聊天室')}if(data.type=='msg'){var recev_msg = JSON.parse(data.data);//往页面放发送和接受的消息messageItem(recev_msg.uid,recev_msg)}if(data.type=='num'){console.log(data)}fd = data.fd;if(data.type=='login'){console.log(data.num)// this.$data.msg.push(data.num);}num = data.num;//this.$data.msg.push(data);}// 建立连接function websocketonopen(e){data = {courseid: courseid,uid:uid,type:'login'// user_nickname:user_nickname,// avatar:avatar,};websocket.send(JSON.stringify(data));console.log('链接成功')// this.$data.msg.push("链接成功")}// 关闭链接function websocketonclose(e){}function websocketonerror(e){}
//通过判断uid==uidItem当前用户id和接受的消息id是不是一样的  一样就自己发送的,不一样就是别人发送的
function messageItem(uidItem,item){if(uid==uidItem){// 我发送的$('.live-discussion-content-top').append(`<div class="send-message-content"><div class="receive-message-item"><div class="receive-message-item flex align-items justify-end"><div class="receive-content"><div class="send-user-name">${item.user_nickname}</div><div class="send-content">${item.content}</div></div><div class="receive-photo"><imgsrc="${item.avatar}"alt="用户头像"></div></div></div></div>`)}else{// 接收的信息$('.live-discussion-content-top').append(`<div class="receive-message-content"><div class="receive-message-item flex align-items"><div class="receive-photo"><imgsrc="${item.avatar}"alt="用户头像"></div><div class="receive-content"><div class="user-name">${item.user_nickname}</div><div class="user-content">${item.content}</div></div></div></div>`)}}
http://www.15wanjia.com/news/26854.html

相关文章:

  • 个人网站备案能几个网站数据分析案例
  • 国外网站制作有哪些百度自动点击器下载
  • 上海到北京飞机航班查询说到很多seo人员都转行了
  • 百度关键词优化排名网站推广优化技巧
  • 手机版网站360指数官网
  • h5制作网站开发百度搜索怎么优化
  • 跨境独立站平台谷歌推广教程
  • 兰州网站建设王道下拉強网站查询工具
  • 企业信用信息公示系统河南扬州网络优化推广
  • 网站权重怎么做的吉林网站seo
  • 仿牌外贸网站推广百度推广关键词怎么优化
  • 河北汉佳 做网站的公司做一个app平台需要多少钱
  • 奉贤做网站建设电商运营公司排名
  • 客户拒绝做网站的理由哪个搜索引擎最好用
  • 公司比较好seo怎么才能做好
  • 专门做网页的网站怎么从网上找国外客户
  • 成都网站建设及推广百度关键词投放
  • 江阴做网站seo外包优化公司
  • 西安便宜网站建设qq代刷网站推广免费
  • 怎么做同学录的网站外贸平台排名
  • 做网站论文seo网站页面优化包含
  • 微云做网站seo网页优化平台
  • 餐饮行业做网站有什么好处知乎国内电商平台有哪些
  • wordpress批量alt代码seo算法
  • 西安网站制作开发公司哪家好中国最大的企业培训公司
  • 模板手机网站建设公司杭州百度seo
  • wordpress主题如何汉化seo搜索规则
  • 企业网站建设到底应该注意什么长沙网站seo
  • b2c模式的电子商务网站有哪些株洲网站建设
  • p2p贷款网站制作短网址生成网站