javascript - 如何使用 HTML5 SSE 发送 json_encode 数据

Question

我有一个脚本可以触发 SSE 事件以从 online.php 中获取 json 编码的数据。在谷歌搜索中，我找到了通过引入换行符来使用 sse 发送 JSON 数据的方法。

我正在寻找的是当使用 PHP 的 json_encode() 函数创建 JSON 数组时如何通过 SSE 发送 JSON。

我已经写了下面几行代码，但是谁能帮我在哪里添加 SSE 所需的“数据:\n\n”？

<script>
if(typeof(EventSource)!=="undefined")
{
  var source=new EventSource("online.php");
  source.onmessage=function(event)
  {
     var data=JSON.parse(event.data);
     $("#new_message").html("Inbox"+data['total']);
  };    
}
else
{
  $("#new_message").html("HTML5 not supported");
}
</script>

在线.php

<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
$data["total"]="hello";
echo json_encode($data);
ob_flush();
flush(); 
?>

Answer 1

您需要以 EventStream 格式发送它，在本例中只是在它前面加上 data:

echo 'data: ' . json_encode($data) . "\n\n";