使用php vs Ajax进行响应式UI - javascript

我正在获取材料数据(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之外的任何其他选项

参考方案

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

使用php静态加载数据并使用javascript。
如前所述,您有14行数据
这是非常小的数据,因此您可以使用php静态加载数据
页面首次加载时。然后当用户进入
说出Pipe diaclass根据您的评论,您可以使用javascript(
jQuery对于简化DOM操作非常有用)
ThicknessPressuregradeprice等。

优势:非常快

缺点:随着数据增长,性能下降,并且由于要加载大量数据,因此首次加载页面会非常缓慢。
使用Ajax和Php。
如果您认为您的数据将来可能会变大,那么加载大数据可能会相对
效率低下。因此,如果是这种情况,您要做的就是加载
需要使用ajax从后端按需行。我也建议您
为简单起见,请使用jQuery ajax。

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

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

我个人选择了2号!

使用php echo定义一个javascript var - javascript

我已经看到了对该问题的多个答复-因此,我敢肯定有人会很快将其标记为重复,但是我在任何其他线程中都没有看到该特定问题的答案。我有两个测试文件:a.php和a.js在a.php中,我定义$q = $_GET['q']; 效果很好。然后,我调用一个单独的a.js文件,其中有:var partNumber = " <?php ec…

Javascript vs python:具有两个递归分支的函数的不同输出 - javascript

我一直在将python代码毫无问题地翻译成javascript,但对于以下示例,我却没有这样做,也不知道是什么原因。尽管有相似的代码,但是javascript代码似乎产生了与python完全不同的输出。我已经研究了这个问题,并且似乎javascript无法执行第二个递归分支?谁知道我该如何使javascript代码输出与python相似的代码?谢谢1- Py…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后,我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗?当前网址:siteUrl/page.php?key=value 页面提交后:siteUrl/page.php 实际上,我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是,一旦我提交了表格,我就需要删除查询字符串值。我已…

Javascript IF语句 - javascript

                        嗨,我有这段代码可以正常工作,并将两个日历显示为一个日历。我还有一个php变量$login_session,其中包含登录电子邮件地址的用户。关于如何显示[email protected]日历的任何想法(伪代码)IF $login_session == "[email protected]&#…

如何根据手势滚动网页 - javascript

如何使用pyhton / javascript使用手势向上/向下或向左/向右滚动页面。我尝试了很多找到解决方案,但无法解决。 参考方案 Javascript手势插件(JSHG)是一个很棒的插件,它使您可以通过现有网站或Web应用程序中的网络摄像头来支持用户的手势识别。您无需具有计算机视觉的任何背景即可使用此插件。当前,它提供了一组基本的手势,其中包括手的位置…