我正在重写 3 年前编写的数据可视化网络工具。从那时起,浏览器的 JavaScript 引擎变得更快,所以我正在考虑将部分工作从服务器转移到客户端。
在页面上,数据在表格和地图(或图表)中可视化,它使用相同的数据,但以不同的方式,因此准备显示数据的两种算法是不同的。
在用户与数据下拉选择器(3 个主 + 2 个子,取决于 3 个主)的每次交互之前,发送了 3 个 ajax 请求,php 完成所有工作并仅发送回必要的数据(在 html 中为表/xml 为图表)非常小的响应,没有性能问题,并且 javascript 附加响应并且除了追踪更改事件之外没有做更多的事情。
所以性能还可以,但每次标准更改时,用户都必须等待 ajax 响应:/
现在我的想法是在一个ajax请求中发送回一个json对象,仅在主要3个条件组合的每次更改时,然后让javascript在ajaxsuccess上填充表和图表/地图中的数据,然后在2个条件的更改时发送回一个json对象子标准。
我的犹豫涉及服务器发送的json的结构,负载的平衡。
事实上,如果只需要一种算法来创建所需的 json 结构来显示原始数据中的数据,我会让 php 将数据处理到这个对象中,以便 javascript 处理它,而无需任何额外的处理;但有2个。
So
如果我让 php 处理数据来创建 2 个对象(一个用于表,一个用于图表),我会将 json 响应的大小加倍并增加客户端的内存使用量;我不喜欢这种方法,因为这两个对象包含相同的数据,只是结构不同并且冗余是邪恶的,不是吗?
如果我发送原始对象并让 javascript 搜索要显示的内容以及我在哪里为客户端提供大量工作 - 这也是在每个子标准更改时(或者我可以在 ajaxsuccess 上创建一次所有 json 对象,以便它们准备好这个子标准发生变化的情况?)-在这里我对使用旧浏览器/小内存的用户不担心......
(未经处理的原始json对象,根据标准在3kb到12kb之间变化,在500到2000条记录之间变化)
我无法找到最好的方法......
因此,对于将单个原始数据发送到多个结构化对象的作业,您是否需要使用 php(增加响应大小并发送冗余数据)或 javascript(增加 javascript 有效负载)来处理原始数据?
非常感谢您的意见
我找到了合适的解决方案,所以我会回答我自己的问题。
我遵循了@Daverandom的建议:
PHP 发送原始数据(以及几个取决于主要标准组合的参数)
JavaScript 处理原始数据并将其呈现在页面中
如果子标准发生更改,JavaScript 会重新处理原始数据,因为在测试时,循环过程似乎非常快,并且不会冻结浏览器,因此无需将结构化对象保留在范围内
积极的缓存标头与 JSON AJAX 响应一起发送(这些数据永远不会改变 - 每年只会添加新记录),以防用户重新查询已经查询过的数据:因此,如果原始数据是这样,则原始数据不会保留在 JavaScript 范围中不显示
最重要的是,php 回显的 JSON 字符串缓存在服务器上(因为这些数据永远不会改变),因此这减少了数据库查询并提高了响应时间
最终的代码整洁、易于维护,并且应用程序运行完美。
感谢@Daverandom 的帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)