javascript 服务器发送的事件

avwztpqn  于 2023-02-15  发布在  Java
关注(0)|答案(1)|浏览(120)

我从www.example.com获得此代码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>

</body>
</html>

我的问题是如何编辑代码,使新条目出现在旧条目之上?我不知道如何做到这一点。有人能帮助我吗?

fkaflof6

fkaflof61#

好吧

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

获取文档并将新数据附加到文档中。
我很惊讶你没试过

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

相关问题