如何在HTML中查看事件流数据 [英] How to view Event Stream data in HTML
本文介绍了如何在HTML中查看事件流数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想要的是将一些数据从我的服务器发送到updates.html
updates.html:
< html >
< head >
< / head >
< 正文 >
< < span class =code-leadattribute> script src = event-source.js > < / script >
< / body >
< / html >
event-source.js:
document .addEventListener(' DOMContentLoaded', function (){
var eventSrc = new EventSource(' events.php');
eventSrc.addEventListener(' open', function (event){
console .log(event.type);
});
eventSrc.addEventListener(' message', function (event){
console .log(event.type);
console .log(event.data);
});
}, false );
events.php:
<?php
header( Content-Type:text / event-stream \ n \ nn);
echo ' data:'。时间() 。 \ n;
?>
我的服务器代码(一次请求)已收到)
使用 UrlRequested
response.ContentType = text / event-stream
If .ToString = updates.html 然后
bytes = IO.File.ReadAllBytes( ./ thingies / updates.html)
ElseIf .ToString = event-source。 js 然后
bytes = IO.File.ReadAllBytes( ./ thingies / event-source.js)
ElseIf .ToString = events.php 然后
bytes = IO.File.ReadAllBytes( ./ thingies / events.php)
结束 如果
结束 使用
Dim buffer()作为 字节 =字节
response.ContentLength64 = buffer.Length
Dim 输出 As System.IO.Stream = response.OutputStream
output.Write (缓冲区, 0 ,buffer.Length)
什么都没有出现页面...为什么?
-Rixterz
解决方案
Hi,
All I want is for some data to be sent from my server to updates.html
updates.html:
<html>
<head>
</head>
<body>
<script src="event-source.js"></script>
</body>
</html>
event-source.js:
document.addEventListener('DOMContentLoaded', function(){
var eventSrc = new EventSource('events.php');
eventSrc.addEventListener('open', function(event){
console.log(event.type);
});
eventSrc.addEventListener('message', function(event){
console.log(event.type);
console.log(event.data);
});
}, false);
events.php:
<?php
header("Content-Type: text/event-stream\n\n");
echo 'data: ' . time() . "\n";
?>
My server code (once request has been received)
With UrlRequested
response.ContentType = "text/event-stream"
If .ToString = "updates.html" Then
bytes = IO.File.ReadAllBytes("./thingies/updates.html")
ElseIf .ToString = "event-source.js" Then
bytes = IO.File.ReadAllBytes("./thingies/event-source.js")
ElseIf .ToString = "events.php" Then
bytes = IO.File.ReadAllBytes("./thingies/events.php")
End If
End With
Dim buffer() As Byte = bytes
response.ContentLength64 = buffer.Length
Dim output As System.IO.Stream = response.OutputStream
output.Write(buffer, 0, buffer.Length)
Nothing comes up on the page...why?
-Rixterz
解决方案
这篇关于如何在HTML中查看事件流数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文