javascript - 使用 php 与 Ajax 实现响应式 UI

标签 javascript php multidimensional-array

我有一个 Material 数据(14 行,6 列)并放入 HTML 形式的网站中。我使用 JavaScript 和 PHP 进行设计。请告知在快速加载页面方面哪一个最好(JavaScript 或 PHP)?

有没有更好的模型?我在平板电话中提供原始数据,以提高可读性。

 SIZE  CLASS  THICK  PRESSURE  GRADE  PRICE
 100    K7    7.3     3.5       3.5   110.45
 100    K8    7.9     3.8       4.5   125.50
 100    K9    8.1     4.2       5.5   138.65 
 150    K7    7.7     3.7       3.6   121.50
 150    K8    8.3     4.3       4.6   141.00 
 150    K9    8.8     4.9       5.6   150.00 
 ...    ..    ...     ...       ...   ......
 ...    ..    ...     ...       ...   .....
 950    K9    13.3    7.9       7.9   850.00 

如果有人在 HTML 表单中输入管道直径和类别,则会出现厚度、压力、等级和价格。我需要的是速度以及除了 JS、PHP 之外的任何其他选项

最佳答案

我建议您两种可能的解决方案:

  1. 使用 php 和使用 javascript 静态加载数据。
    正如您提到的,您有 14 行数据 这是非常小的数据,因此您可以使用 php 静态加载数据 当页面第一次加载时。然后当用户输入 说 Pipe diaclass 作为根据您的评论,您可以使用 javascript ( jQuery 非常适合更轻松的 DOM 操作)来显示 厚度压力等级价格

    优点:非常快

    缺点:随着数据的增长,性能会下降,并且由于要加载大量数据,因此首次加载页面会非常慢。

  2. 使用AjaxPhp
    如果您认为您的数据将来可能会变得很大,那么加载大数据相对会 效率低下。因此,如果是这种情况,您所要做的就是加载 使用 ajax 按需从后端获取所需的行。。我也建议你 使用jQuery ajax为了简单起见。

    优点:可扩展,随着数据的增长,性能不会大幅下降。

    缺点:由于这会向服务器发送每一行的请求,因此它取决于客户端的连接速度,并且与上述解决方案相比实现起来相对困难。

我个人选择了数字 2!

关于javascript - 使用 php 与 Ajax 实现响应式 UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28912826/

相关文章:

php - 如何使用 php DomDocument 获取特定标签的 html

numpy - 如何可视化或绘制多维张量?

javascript - 输入最大长度检查

c# - 如何使用 C# 编程语言通过 Visual Studio 编写 FireFox 扩展?

javascript - 日期在表中呈现为对象

php - PHP 中的 rand() 函数问题

javascript - 从带有换行符的文本区域到数据库的数据

java - 使数组/矩阵可供程序中的其他方法使用。

php - 使用 PHP 的 RecursiveIteratorIterator 遍历多维数组

javascript - 我正在尝试进行验证但不在 JQuery 中工作