javascript - 如何使用JS读取文本文件中的数据并按时间间隔动态更新

Question

我正在创建一个网页游戏(基于文本)。游戏的一部分是“竞技场”。我让每个玩家都扮演一个 Angular 色来战斗。我想做的是得到它，以便当战斗开始时，付款人(以及其他任何人)可以一次动态地看到战斗 1 操作的结果。

我正在通过 .php 进行战斗因为我想确保所有数据都保存在服务器端，以便它对每个人都反射(reflect)相同，并且我可以将最终结果加载到 MySQLi Database 中。我的问题是在每次“心跳”期间获取信息反射(reflect)在浏览器( JS )上。

我的理论是拥有 .php立即完成整个战斗并将一行一行加载到 .txt文件隐藏在服务器上。战斗开始时，会从.txt加载信息。通过更新 DOM 到浏览器。我可以将信息加载到文本中并分开:

“{玩家 1} 猛击了{玩家 2} 的脸部，造成 x 点伤害”| {p2HeadDamage=-5} <br>

我正在尝试找到一种方法让 JS 将这两个变量拆分为不同的变量 - 第一个变量用于显示 DOM第二个是我正在单独制作的“伤害条”。

我的问题 - 如何一次提取 1 行(用 <br> 分隔)并分别提取每个变量？

Answer 1

我认为你最好使用一种维护服务器和客户端上数据结构的方法，而不是将其转储到 txt 文件中并让客户端解析它。

实现此目的的一种方法是使用一系列定义交互的对象。例如一个“FightRecord”对象，其中包含“Action”对象的列表，该对象具有“Desc”和“Damage”两个属性...然后使用 JSON 序列化/反序列化记录，并使用 JS 函数 setInterval 每 X 循环一次操作秒使用 JQuery 更新 DOM 的函数。

如果由于某种原因使用 JSON 交换对象不可行，那么您将需要使用正则表达式，使用类似的基于 setInterval 的机制将文本数据解析为结构化数据。