Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/245.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/blackberry/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过PHP与AJAX加载页面_Javascript_Php_Ajax_User Experience - Fatal编程技术网

Javascript 通过PHP与AJAX加载页面

Javascript 通过PHP与AJAX加载页面,javascript,php,ajax,user-experience,Javascript,Php,Ajax,User Experience,在我的动态网站中,我首先将index.html页面加载为文档结构,然后通过ajax向PHP服务器发出一些请求,并将数据插入页面。这比仅通过PHP(index.PHP)加载所有内容好吗?哪种方法更快 谢谢大家! 除非您有充分的理由不这样做,否则只加载index.php可能更明智。这样,只需对服务器进行一次调用,它就可以将数据放在一起。另一种方法是,调用服务器获取索引页,然后调用另一个数据,然后让客户端将数据放在一起。这样做不一定是错误的,但在大多数情况下,这可能是错误的选择 除非您有充分的理由不这

在我的动态网站中,我首先将
index.html
页面加载为
文档结构
,然后通过
ajax
PHP服务器
发出一些请求,并将数据插入页面。这比仅通过PHP(
index.PHP
)加载所有内容好吗?哪种方法更快


谢谢大家!

除非您有充分的理由不这样做,否则只加载index.php可能更明智。这样,只需对服务器进行一次调用,它就可以将数据放在一起。另一种方法是,调用服务器获取索引页,然后调用另一个数据,然后让客户端将数据放在一起。这样做不一定是错误的,但在大多数情况下,这可能是错误的选择

除非您有充分的理由不这样做,否则只加载index.php可能更明智。这样,只需对服务器进行一次调用,它就可以将数据放在一起。另一种方法是,调用服务器获取索引页,然后调用另一个数据,然后让客户端将数据放在一起。这样做不一定是错误的,但在大多数情况下,这可能是错误的选择

这是我的理解:

index.html

步骤1:服务器向客户端发送html页面。
步骤2:向服务器发出AJAX请求。
步骤3:服务器处理数据。
步骤4:服务器响应客户端。
步骤5:客户端JavaScript根据响应更改页面。


index.php

步骤1:服务器处理PHP并发送html页面。
第二步:???
第三步:利润

编辑:
这是假设无论哪种方式都必须执行相同数量的PHP代码。查看答案以获得更好的描述。

这是我的理解:

index.html

步骤1:服务器向客户端发送html页面。
步骤2:向服务器发出AJAX请求。
步骤3:服务器处理数据。
步骤4:服务器响应客户端。
步骤5:客户端JavaScript根据响应更改页面。


index.php

步骤1:服务器处理PHP并发送html页面。
第二步:???
第三步:利润

编辑:
这是假设无论哪种方式都必须执行相同数量的PHP代码。查看答案以获得更好的描述。

首先要设置期望值,这两个值都位于HTML代码的末尾,它们将进入浏览器进行渲染。因此,这完全取决于您需要获取的数据量以及获取数据以显示此页面所需的时间

方法1:加载index.php 加载时间根据要在此处显示的数据类型而有所不同

  • 如果您有一些DB操作,并且每个用户的操作都不同,那么这个php页面将需要一段时间来获取所有信息并将其提供给浏览器
  • 如果您没有任何特定于用户的DB操作或呈现,那么您可以继续使用.php方法,因为您的服务器将生成此HTML一次并缓存它。因此,您可以获得更好的加载时间
  • 这种方法将减少HTTP请求的数量,因此只要PHP->HTML速度快,加载速度就会更快
  • 方法2:加载index.html 您当前的加载方法在页面加载方面非常快,但用户仍然需要等待完整的内容。但至少他看到了第一个登陆内容,看到了一些微调器,并将等待内容

    想象一下,如果它是一个.php,并且加载特定于用户的内容很慢,那么用户可能不会等到页面加载完毕,他也不会喜欢它

    因此,这两种方法都适用于不同的情况

    此外,您还应该以其他方式优化页面加载时间。您可能需要检查从页面向服务器发出的HTTP请求总数。您可以在下面的博客中查看更多详细信息。

    首先要设置期望值,这两个值都位于HTML代码的末尾,它们将进入浏览器进行渲染。因此,这完全取决于您需要获取的数据量以及获取数据以显示此页面所需的时间

    方法1:加载index.php 加载时间根据要在此处显示的数据类型而有所不同

  • 如果您有一些DB操作,并且每个用户的操作都不同,那么这个php页面将需要一段时间来获取所有信息并将其提供给浏览器
  • 如果您没有任何特定于用户的DB操作或呈现,那么您可以继续使用.php方法,因为您的服务器将生成此HTML一次并缓存它。因此,您可以获得更好的加载时间
  • 这种方法将减少HTTP请求的数量,因此只要PHP->HTML速度快,加载速度就会更快
  • 方法2:加载index.html 您当前的加载方法在页面加载方面非常快,但用户仍然需要等待完整的内容。但至少他看到了第一个登陆内容,看到了一些微调器,并将等待内容

    想象一下,如果它是一个.php,并且加载特定于用户的内容很慢,那么用户可能不会等到页面加载完毕,他也不会喜欢它

    因此,这两种方法都适用于不同的情况

    此外,您还应该以其他方式优化页面加载时间。您可能需要检查从页面向服务器发出的HTTP请求总数。您可以在下面的博客中查看更多详细信息。

    基本上,在加载的页面上使用ajax方法进行数据传输在不同的情况下可能是好的,也可能是坏的。如果我们担心速度,那么我们应该在第一个服务器请求上填充数据,因为如果我们多次向服务器发送请求,这将影响带宽。但若我们在页面上使用任何类型的列表,那个么我们也可以在具有ajax请求的普通结构化html页面中使用datatables来从服务器获取记录。使用ajax方法还有一个好处,即如果我们必须为相同的列表或数据制作restapi,那么相同的操作将像api一样在这里工作。这就是为什么这些ajax调用成为趋势