1

我正在重写 3 年前编写的数据可视化 Web 工具。从那时起，浏览器的 JavaScript 引擎变得更快，所以我想将部分工作从服务器转移到客户端。

在页面上，数据在表格和地图（或图表）中可视化，它使用相同的数据，但方式不同，因此准备显示数据的两种算法是不同的。

在用户与数据下拉选择器（3 主 + 2 子取决于 3 主）的每次交互之前，发送了 3 个 ajax 请求，php 完成所有工作并仅发送回必要的数据（在 html 中用于表/xml图表）非常小的响应，没有性能问题，并且 javascript 正在附加响应，并且所做的只是追逐更改事件。

所以性能还可以，但是每次更改标准时，用户都必须等待 ajax 响应：/

现在我的想法是在一个 ajax 请求中发回一个 json 对象，仅在主要 3 个标准组合的每次更改时，然后让 javascript 填充表格中的数据和 ajaxsuccess 上的图表/地图，然后更改 2子标准。

我犹豫的是服务器发送的json的结构，payload的平衡。

事实上，如果只需要一种算法来创建所需的 json 结构来显示来自原始数据的数据，我会让 php 将数据处理到这个对象中，以便 javascript 处理它而无需任何额外的处理；但是有2个。

所以

  • 如果我让 php 处理数据以创建 2 个对象（一个用于表/一个用于图表），我会将 json 响应的大小加倍并增加客户端的内存使用量；我不喜欢这种方法，因为这两个对象包含相同的数据，只是结构不同且冗余是邪恶的，不是吗？

  • 如果我发送原始对象并让 javascript 搜索要显示的内容以及我在哪里为客户端提供了很多工作 - 这也是在每个子标准更改时（或者我可以在 ajaxsuccess 上创建所有 json 对象，以便它们准备好此子标准更改的情况？）-对于使用旧浏览器/小内存的用户，我有点担心...

（未经处理的原始 json 对象，根据标准在 3kb 和 12kb 之间变化，在 500 和 2000 条记录之间）

我没有找到最好的方法......

因此，对于将单个原始数据转换为多个结构化对象的作业，您是否需要 php（增加响应大小并发送冗余数据）或 javascript（增加 javascript 有效负载）来处理原始数据？

非常感谢您的意见

4

1 回答 1

0

我找到了一个合适的解决方案，所以我会回答我自己的问题。

我遵循了@Daverandom 的建议：

  • PHP 发送原始数据（以及几个取决于主要标准组合的参数）

  • JavaScript 处理原始数据并将其呈现在页面中

  • 如果子标准发生更改，JavaScript 会重新处理原始数据，因为在测试时循环过程似乎非常快并且不会冻结浏览器，因此无需将结构化对象保留在范围内

  • 积极的缓存标头与 JSON AJAX 响应一起发送（这些数据永远不会改变 - 每年只会添加新记录），以防用户重新查询已经查询过的数据：因此原始数据不会保留在 JavaScript 范围内不显示

  • 最重要的是，由 php 回显的 JSON 字符串被缓存在服务器上（因为这些数据永远不会改变），因此这减少了数据库查询并提高了响应时间

最终的代码整洁、易于维护，并且应用程序完美无缺。

感谢@Daverandom 的帮助。

于 2012-12-23T16:45:50.483 回答