導(dǎo)語(yǔ)：知識(shí)重在分享

要求實(shí)現(xiàn)將一個(gè)頁(yè)面上的數(shù)據(jù)塞到另一個(gè)頁(yè)面上：雙方，雙方運(yùn)動(dòng)員，比賽場(chǎng)次，公斤級(jí)，第幾場(chǎng)，時(shí)間等

這時(shí)候就需要websocket來做

前提：

我已經(jīng)完成了“websocket專題-1-需求之路1-頁(yè)面功能”相關(guān)的操作，可以實(shí)現(xiàn)相應(yīng)的功能，這時(shí)候就可以做接下來的事情了。

要做的事：

1.要上網(wǎng)查一下websocket的例子（這么說絕對(duì)沒錯(cuò)！??！我想知道這個(gè)東西能干嘛？能輸出什么？以及他的原理）

2.在程序中實(shí)現(xiàn)java代碼跑一下

java代碼中提示連接人數(shù)

3.實(shí)現(xiàn)單挑數(shù)據(jù)加載到頁(yè)面

1）.將頁(yè)面上的比分傳過去（這時(shí)候作為實(shí)驗(yàn)應(yīng)該先傳一條數(shù)據(jù)，將這個(gè)跑通再添加其他數(shù)據(jù)--這個(gè)很重要?。。。?，這個(gè)如果有代碼很容易完成，就是傳String數(shù)據(jù)。

2）.跑通后添加其他數(shù)據(jù)到頁(yè)面上（這個(gè)就要想了。我擦，只能傳String我要傳的是json格式的一組東西傳過去咋整？），網(wǎng)上百度有個(gè)這個(gè)東西json = JSON.stringify({red:$("#red").html()}).如果不懂就去問百度。效果是這樣

java打印控制臺(tái)

谷歌F12打印

3）.實(shí)現(xiàn)了頁(yè)面上json的傳輸，那么我怎么接我的數(shù)據(jù)呢？這特么是String?。。。e急用：jsonObject = JSON.parse(obj)//如果取matchTime jsonObject.matchTime這個(gè)轉(zhuǎn)化一下，這樣就能jsonObject.matchTime。"."點(diǎn)出來東西了。（不知道點(diǎn)的，你可以去死了）。

4.展示

1）websocket未加載前

2）websocket加載后的界面