サーバーサイドではPHPやRubyなどの言語を使いますが、  
ブラウザ側ではJavaScript一択ですよね。

そのJavaScriptとのデータのやり取りはどのようにしていけばよいのでしょうか。  
ページにJSONを埋め込んでパースしたり、ajaxでデータを取得するための通信を行ったりするくらいでしょうか。

未だ経験したことないので、様々なシチュエーションに基づいて、  
どのようなやり方、工夫がよいのかお聞かせください。
CC BY-SA 3.0
2015-12-13T07:22:06.907
19931
2015-12-14T04:09:50.863
9149
question
javascript
サーバーサイドとフロントのデータのやり取り
質問に挙がっているようなやり方以外にも

  * [Websocket](https://ja.wikipedia.org/wiki/WebSocket)
  * [WebRTC](https://ja.wikipedia.org/wiki/WebRTC)

を使った方法などもあります。

ざっくりと言うと  
WebSocketは双方向の通信を効率良くできる通信方法で、  
WebRTCはP2P(クライアント同士での直接通信)が売りで、対戦ゲームやビデオチャットなどをするのに向いています。

ajaxも最近はXMLHttpRequestだけではなくfetchという新しいAPIが出てきていたりもしているようです。

参考: [Fetch API 解説、または Web において "Fetch する" とは何か？ - Block Rockin’
Codes](http://jxck.hatenablog.com/entry/whatwg-fetch)
CC BY-SA 3.0
2015-12-13T09:13:29.147
19932
2015-12-13T09:13:29.147
5246
19931
answer
他にも [SSE (Server Sent
Events)](https://html.spec.whatwg.org/multipage/comms.html#server-sent-
events)というのもあります。publisher / subscriber
型で,プッシュ配信することができます。リンク先に`EventSource`APIのスペックがあります。

ペイロードにJSONを使った、実例は[こちら](https://bitcoinity.org/markets/btcchina/CNY)。ビットコインの現在値を[ストリーム](https://bitcoinity.org/ev/markets/markets_btcchina_CNY)で配信しています。
CC BY-SA 3.0
2015-12-14T04:09:50.863
19955
2015-12-14T04:09:50.863
7837
19931
answer