gpt4 book ai didi

javascript - HTML5 服务器端事件 - 显示

转载 作者:行者123 更新时间:2023-11-28 07:05:09 25 4
gpt4 key购买 nike

我正在看这个http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_sse教程并有关于数据显示的问题。现在,新数据总是显示在下一行,我想知道如何在第一行显示新数据,在下一行显示以前的数据(相反)。如果有任何很棒的代码示例,请告诉我

最佳答案

而不是像这样添加新数据到结果div内容中......

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

...我们用新数据和旧内容替换结果 div 内容。

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

您可以将其粘贴到他们的 try it 中窗口以查看其工作情况。

<!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 = event.data + "<br>" + document.getElementById("result").innerHTML;
};
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";
}
</script>
</body>
</html>

关于javascript - HTML5 服务器端事件 - 显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31769161/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com