wensocket专题-2-需求实现2-websocket通信

导语:知识重在分享

要求实现将一个页面上的数据塞到另一个页面上:双方,双方运动员,比赛场次,公斤级,第几场,时间等

这时候就需要websocket来做

前提:

我已经完成了“websocket专题-1-需求之路1-页面功能”相关的操作,可以实现相应的功能,这时候就可以做接下来的事情了。

要做的事:

1.要上网查一下websocket的例子(这么说绝对没错!!!我想知道这个东西能干嘛?能输出什么?以及他的原理)

2.在程序中实现java代码跑一下

java代码中提示连接人数

3.实现单挑数据加载到页面

1).将页面上的比分传过去(这时候作为实验应该先传一条数据,将这个跑通再添加其他数据--这个很重要!!!),这个如果有代码很容易完成,就是传String数据。

2).跑通后添加其他数据到页面上(这个就要想了。我擦,只能传String我要传的是json格式的一组东西传过去咋整?),网上百度有个这个东西json = JSON.stringify({red:$("#red").html()}).如果不懂就去问百度。效果是这样

java打印控制台
谷歌F12打印

3).实现了页面上json的传输,那么我怎么接我的数据呢?这特么是String啊!!!别急用:jsonObject = JSON.parse(obj)//如果取matchTime jsonObject.matchTime这个转化一下,这样就能jsonObject.matchTime。"."点出来东西了。(不知道点的,你可以去死了)。

4.展示

1)websocket未加载前
2)websocket加载后的界面
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,233评论 19赞 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,564评论 25赞 708
  • 1. 标题设置(让字体变大,和word的标题意思一样) 在Markdown当中设置标题,有两种方式: 第一种:通过...
    暴_暴阅读 370评论 0赞 1
  • 每天在陪孩子的过程,是我最快乐最享受的过程。也是我不断成长和提升,发现并找回自我的过程。 曾经有一句话是这样说的。...
    翩翩e少年阅读 1,589评论 1赞 1
  • 咿吖吖阅读 216评论 0赞 0

友情链接更多精彩内容