如何使用 HTML5 SSE 发送 json_encode 数据

2023-11-23

我有一个脚本可以触发 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(); 
?>

您需要以 EventStream 格式发送它,在本例中只需在其前面添加data:

echo 'data: ' . json_encode($data) . "\n\n";
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 HTML5 SSE 发送 json_encode 数据 的相关文章

  • 在javascript中解析json - 长数字被四舍五入

    我需要解析一个包含长数字的 json 在 java servlet 中生成 问题是长数字被四舍五入 当执行这段代码时 var s x 6855337641038665531 var obj JSON parse s alert obj x
  • 将div设置为隐藏,延时后可见

    我试图在 X 时间后 也许甚至在随机时间之后 但现在我们只做固定时间 在黑色背景上出现一个黄色方块 function initialSetup if document getElementById yellow null document
  • 表单提交后如何保留选择字段中的选定值?

    我有一个用于将票证上传到数据库的主页 我有一个选择字段 我想保留用户在提交表单之前选择的值 但它没有发生 这是我选择字段的代码
  • 使用 AsyncTask 传递值

    我一直在努力解决这个问题 但我已经到了不知道该怎么办的地步 我想做的是使用一个类下载文件并将其解析为字符串 然后将该字符串发送到另一个类来解析 JSON 内容 所有部件都可以单独工作 并且我已经单独测试了所有部件 我只是不知道如何将值发送到
  • Angular 2+ 安全性;保护服务器上的延迟加载模块

    我有一个 Angular 2 应用程序 用户可以在其中输入个人数据 该数据在应用程序的另一部分进行分析 该部分仅适用于具有特定权限的人员 问题是我们不想让未经授权的人知道how我们正在分析这些数据 因此 如果他们能够在应用程序中查看模板 那
  • CURL 中的 data-urlencode 是什么意思?

    我搜索了很多个小时试图弄清楚 php curl 中的 data urlencode 是什么 我尝试过这个 但我认为这是不对的 xmlpost object1 file https www lob com goblue pdf 在文档中是 d
  • 如何阻止破折号自行包裹?

    我有一个标题 标题最后一个单词的末尾是一个破折号 单词和破折号之间没有空格 当浏览器窗口变小时 破折号会中断并换成新行 在自己的行上有一个破折号是不好的排版 如何停止破折号之前的换行 以便最后一个单词运行到新行 这是代码 h1 XYZ co
  • 为 illustrator 导出脚本以保存为 web jpg

    任何人都可以帮我为 illustrator CC2017 编写一个脚本 将文件以 JPG 格式导出到网络 旧版 然后保存文件并关闭 我有 700 个文件 每个文件有 2 个画板 单击 文件 gt 导出 gt 另存为 Web 旧版 然后右键文
  • 避免响应式页面的重复内容

    我目前正在做一个涉及响应式设计的项目 整个布局应该使用HTML和CSS来实现 我知道可以使用 java 脚本将内容从一个列布局移动到另一列布局 而无需复制内容 但是使用 HTML 和 CSS 是否可以实现相同的效果 以下面的例子为例 它会在
  • 模块构建失败(来自 ./node_modules/babel-loader/lib/index.js)Vue Js

    我从 GitHub 下载了一个我和我的朋友正在开发的项目 但是当我尝试运行时 npm run serve 我收到这个错误 src main js 中的错误 Module build failed from node modules babe
  • 如何获取给定 DOM 元素的所有定义的 CSS 选择器?

    如何使用 jQuery 获取给定 DOM 元素的所有定义的 CSS 选择器 定义后 我的意思是在应用于任何样式表的所有 CSS 选择器document 在某种程度上 这类似于 FireBug 实现的功能 其中显示所选 DOM 元素的所有应用
  • 为什么我不能在 AngularJS 中使用 data-* 作为指令的属性名称?

    On the t他的笨蛋 http plnkr co edit l3KoY3 p preview您可以注意到属性名称模式的奇怪行为data 在指令中 电话 Test of data named attribute br
  • 有没有办法阻止 prettier / prettier-now 将函数参数分解为新行

    当使用 prettier prettier now 在保存时进行格式化时 当一个函数包装另一个函数时 它会中断到一个新行 我想知道是否有办法阻止这种行为 例如 期望的输出 app get campgrounds id catchAsync
  • Javascript转换时区问题

    我在转换当前时区的日期时间时遇到问题 我从服务器收到此日期字符串 格式为 2015 10 09T08 00 00 这是中部时间 但是当我使用 GMT 5 中的 new Date strDate 转换此日期时间时 它返回给我的信息如下 这是不
  • Magento - 自定义支付模块

    这是一个非常普遍的问题 但这里是 我正在尝试在 Magento 中创建一个自定义支付模块 我创建了一个 常规 模块 可以连接到 Magento 事件 观察者模型 但是我如何告诉 Magento 将模块视为支付模块 以便它显示在管理后端和结账
  • 简单的 PHP 表单:电子邮件附件(代码 Golf)

    想象一下 一个用户想要在其网站上放置一个表单 该表单将允许网站访问者上传一个文件和一条简单的消息 该消息将立即通过电子邮件发送 即 该文件未存储在服务器上 或者如果该文件存储在服务器上 仅暂时 作为文件附件 并在邮件正文中添加注释 查看更多
  • 使用 Ajax 请求作为源数据的 Jquery 自动完成搜索

    我想做的事 我想使用 jquery 自动完成函数创建一个输入文本字段 该函数从跨域curl 请求获取源数据 结果应该与此示例完全相同 CSS 在这里并不重要 http abload de img jquerydblf5 png http a
  • post php mysql 的拆分关键字

    我有一个表存储帖子 ID 它的标签如下 Post id Tags 1 keyword1 keyword2 keyword3 我想循环遍历该表中的每一行并执行以下操作 将关键字1 关键字2 关键字3放入新表中 word id word val
  • 使用 powershell 将 XML 转换为特定的 JSON 结构

    需要有关将 xml 转换为特定 json 结构的帮助 XML 看起来像这样
  • CSS 是否有不等于选择器?

    CSS中有类似 不等于 的东西吗 例如 我有以下代码 input 但对于某些输入 我需要将其作废 我想通过将类 reset 添加到输入标签来做到这一点 例如

随机推荐

  • 连接两条线段

    给定两条 2D 线段 A 和 B 如何计算连接 A 和 B 的最短 2D 线段 C 的长度 考虑两条线段 A 和 B 分别由两个点表示 线A由A1 x y A2 x y 表示 线 B 由 B1 x y B2 x y 表示 首先使用此算法检查
  • 如何迭代 JSON 结构? [复制]

    这个问题在这里已经有答案了 我有以下 JSON 结构 id 10 class child of 9 id 11 classd child of 10 如何使用 JavaScript 迭代它 var arr id 10 class child
  • 为什么 lambda 中的短路不起作用?

    为什么 linq 仍然尝试检查第二个表达式 Where t gt String IsNullOrEmpty someNullString t SomeProperty gt Convert ToDecimal someNullstring
  • 如何使用 Spring Boot 和嵌入式 Tomcat 禁用 TLSv1.0?

    我想用 spring boot 版本 1 3 3 停用 TLS 1 0 但如果 application yml 如下所示 它不起作用 ssl protocol TLSv1 2 key store E key server jks key s
  • 用于批量插入的触发触发器

    ALTER TRIGGER dbo TR O SALESMAN INS ON dbo O SALESMAN AFTER INSERT AS BEGIN SET NOCOUNT ON added to prevent extra result
  • 我应该扩展 ArrayList 以添加不为 null 的属性吗?

    我想将对象集合添加到 arrayList 前提是特定属性不为空 我正在考虑扩展 ArrayList 并在子类中实现检查 一种替代方法是在将属性放入 Arraylist 之前检查该属性 但这意味着 如果我需要根据逻辑将对象添加到 arrayl
  • 什么是 UIViewController

    我知道什么是UIView是但不是UIViewController 我只是想知道我可以用它做什么 以及它与UIView 基本上你需要知道什么是模型 视图 控制器架构在软件工程领域 UIView对应于该架构的视图并且UIViewControll
  • 带有手动词法分析器的 ANTLR 解析器

    我正在将基于 C 的编程语言编译器从手动词法分析器 解析器迁移到 Antlr Antlr 一直让我头疼 因为它通常mostly可以 但有些小部分却不能 而且解决起来非常痛苦 我发现我的大部分头痛都是由 Antlr 的词法分析器部分引起的 而
  • Twisted 的 Python Jabber/XMPP 客户端库 [关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 我正在寻找一个使用 Twisted 框架编写 Jabber XMPP 客户端的 Python 库 Wokkel是你最好的选择 它是对 Twisted 内置的核心 Twisted Wo
  • document.body.scrollHeight 在 firefox/chrome 中产生两个不同的结果

    我试图访问整个页面的高度 包括滚动 在 Chrome 中 document body scrollHeight 就是这样做的 在 Firefox 中 这不起作用 Firefox 中的等效项是什么 肯定开始使用 jquery 访问 docum
  • 如何在ie11上查看webp格式

    有没有办法在 IE11 上查看 webp 图像格式 或者可以在此浏览器上使用 javascript 代码将其转换为其他格式 我尝试了 图片 元素 但似乎它不能像 Chrome 62 那样工作 This也是一个非常易于使用且有效的polyfi
  • 如何使屏幕的表格居中(垂直和水平)

    我有这些代码块 table border 1px tr td my content td tr table 我想在屏幕中央显示我的表格 垂直和水平 这是一个演示 我怎样才能做到这一点 水平居中很容易 您只需将两个边距设置为 自动 table
  • Union-Find:有效检索集合的所有成员

    我正在与一个union find算法 在我的程序的第一部分中 算法计算一个大集合的分区E 之后 我想检索该集合的所有成员S 其中包含给定节点x 到目前为止 我天真地测试了所有元素的成员资格E到集合S 但昨天我正在阅读 算法导论 CLRS 着
  • 如何设置相对于祖父母元素而不是直接父元素的宽度?

    我正在尝试设置一些元素的宽度相对于祖父母元素宽度的百分比 像这样 div class grand div class parent div class child1 div div class div div div
  • Sonar:如何使用 try-with-resources 关闭 FileOutputStream

    声纳给出一个错误 这FileOutputStream应该关闭 我需要修改以下代码才能使用try with resources 我该怎么做呢 public void archivingTheFile String zipFile byte b
  • 调用者会阻塞,直到 getFoo() 准备好值为止?

    我有一个JavaThread它公开了其他线程想要访问的属性 class MyThread extends Thread private Foo foo Foo getFoo return foo public void run foo ma
  • 如果我没有指定使用 CPU/GPU,我的脚本使用哪一个?

    在 pytorch 中 如果我没有写任何关于使用 CPU GPU 的内容 并且我的机器支持 CUDA torch cuda is available True 我的脚本使用的是 CPU 还是 GPU 如果是CPU 我该怎么做才能让它在GPU
  • Sinatra 助手伪造请求

    Summary 在一个SinatraWeb 应用程序 如何向应用程序发出虚拟请求并以文本形式获取响应正文 例如 这些路线 get foo foo get bar spoof request foo bar 当使用网络浏览器请求 bar 时
  • 如何使用 Amazon linux 2 在 Elastic beanstalk 中使用多容器 docker?

    目前 亚马逊已弃用Multi container Docker running on 64bit Amazon Linux 需要迁移到Docker running on 64bit Amazon Linux 2 在第一个版本中 我们使用Do
  • 如何使用 HTML5 SSE 发送 json_encode 数据

    我有一个脚本可以触发 SSE 事件 用于从 online php 获取 json 编码数据 在谷歌搜索中 我找到了通过引入换行符来使用 sse 发送 JSON 数据的方法 我正在寻找的是当使用 PHP 的 json encode 函数创建