Question

我从W3Schools.com获得了这个代码，它是服务器发送事件的一个例子。

<!DOCTYPE html>
<html>
<body>
<h1>Getting server updates</h1>
<div id="result"></div>

<script>
if(typeof(EventSource)!=="undefined")
  {
  var source=new EventSource("demo_sse.php");
  source.onmessage=function(event)
    {
    document.getElementById("result").innerHTML+="<br>" + event.data;
    };
  }
else
  {
  document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events...";
  }
</script>

我的问题是如何编辑代码以便新条目高于旧条目？我无法弄清楚如何做到这一点。有人可以帮助我。提前谢谢。

Answer 1

好

document.getElementById("result").innerHTML+="<br>" + event.data;

获取文档并将新数据附加到其中。

我很惊讶你还没试过

document.getElementById("result").innerHTML =event.data + "<br>" + document.getElementById("result").innerHTML;

服务器发送的事件

1 个答案: