草庐IT

关于php：在收到所有数据之前渲染网页

codeneng 2023-03-28 原文

Rendering webpage before all data is received

我目前有一个网页需要一段时间才能加载。页面的 php 端进行了大量的数据处理和计算，这(不幸)是不可避免的。我想在 php 处理时在页面上显示一些东西。不幸的是，页面的大部分依赖于 php 计算。

我目前的解决方案如下：

HTML/PHP(开始)：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title id="title">Loading

<link href="style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="preLoading.js">
</head>
<body onloadx="onLoad()">
<?php
flush();
?>
<?php
// computation.
?>

javascript:

1
2
3
4
5
6
7
8
document.write('<span id="loading">Please wait... Loading and processing data.</span>');

function onLoad() {
    if (document.getElementById) {
        var loading = document.getElementById("loading");
        loading.style.display="none";
    }
}

从某种意义上说，它运行良好，当页面呈现时，会在页面呈现时显示一些等待消息。但从某种意义上说，它不起作用，因为页面在渲染任何东西之前仍然等待接收所有数据。我怎样才能完成后者？

需要注意的一点：doctype 之前的空行包含 1024 个空格，因为我在某些地方(包括 StackOverflow)读到浏览器会等到读取一定数量的字符后再尝试呈现任何内容。

任何想法将不胜感激。浏览器充满了让我感到困惑的神秘技巧和黑客。

更好的选择是只发送页面的Backbone，然后通过 AJAX 调用获取计算量大的数据。这样您就可以放置一个占位符页面并在可用时填写它们。

这样做的好处是您不依赖于刷新缓冲区 - 这并不能保证数据实际上会发送到客户端，只是软件堆栈中的下一个更高层应该获得现在可用的所有内容.

缺点是现在您将有至少两个 HTTP 请求来生成页面 - 一个用于获取页面的Backbone，并且至少有一个或多个用于 AJAX 请求以获取"填充空白"" 数据。

试试这个：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title id="title">Loading

<link href="style.css" rel="stylesheet" type="text/css"/>
<script type ="text/javascript" src="jquery.js">

<script type="text/javascript">  

$(document).ready(function(){
 $.get('data.php',
 function(output) {
 $('#dataDiv').html(output).fadeIn(250);
 });
});


</head>
<body>
 Please wait while loading...
<?php
// computations placed in data.php file
?>

请注意，这需要使用 jQuery，并且您将 php 计算移动到"data.php"文件中。

  • 谢谢，这就是我最终做的事情(略有改动)。

  • 首先尝试将加载程序消息直接放在正文标记之后。这样浏览器应该尽快显示它。
  • 检查配置是否默认启用压缩(例如 gzip)。
  • 不要使用表格。它们在完全加载之前不会被渲染。

    • 尝试使用

    1
    flush(); ob_flush();

    如 php 手册中所述。这使输出尽可能靠近浏览器。

    关于将缓冲区推送到浏览器的更多信息可以在flush()的php手册中阅读；

    • ob_flush() 在输出缓冲关闭时不起作用，并且问题中没有任何迹象表明它会打开。

    您需要关闭输出缓冲并在 PHP 进程执行其工作时隐式刷新输出。

    您可能需要检查输出缓冲。另请注意，刷新缓冲区取决于浏览器以及它在显示输出之前的期望值。

    一个您可能会觉得有用的相关问题。

    • 刷新是不够的 - 您必须检查 PHP.ini 文件中的输出缓冲是打开还是关闭。请参阅 php 手册中的此注释：php.net/manual/en/function.flush.php#99988

    通过 Ajax 调用加载需要永远占用的内容。

    php关于spanclasssectionhtmljavascriptloadingprerender

    有关关于php：在收到所有数据之前渲染网页的更多相关文章

    1. ruby - 如何以所有可能的方式将字符串拆分为长度最多为 3 的连续子字符串？ - 2

      我试图获取一个长度在1到10之间的字符串，并输出将字符串分解为大小为1、2或3的连续子字符串的所有可能方式。例如:输入:123456将整数分割成单个字符，然后继续查找组合。该代码将返回以下所有数组。[1,2,3,4,5,6][12,3,4,5,6][1,23,4,5,6][1,2,34,5,6][1,2,3,45,6][1,2,3,4,56][12,34,5,6][12,3,45,6][12,3,4,56][1,23,45,6][1,2,34,56][1,23,4,56][12,34,56][123,4,5,6][1,234,5,6][1,2,345,6][1,2,3,456][123

    2. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

      我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

    3. ruby-on-rails - 渲染另一个 Controller 的 View - 2

      我想要做的是有2个不同的Controller，client和test_client。客户端Controller已经构建，我想创建一个test_clientController，我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集，然后呈现客户端Controller的索引View，以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>

    4. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

      在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这

    5. ruby-on-rails - 跳过状态机方法的所有验证 - 2

      当我的预订模型通过rake任务在状态机上转换时，我试图找出如何跳过对ActiveRecord对象的特定实例的验证。我想在reservation.close时跳过所有验证!叫做。希望调用reservation.close!(:validate=>false)之类的东西。仅供引用，我们正在使用https://github.com/pluginaweek/state_machine用于状态机。这是我的预订模型的示例。classReservation["requested","negotiating","approved"])}state_machine:initial=>'requested

    6. ruby - Nokogiri 剥离所有属性 - 2

      我有这个html标记:我想得到这个:我如何使用Nokogiri做到这一点？ 最佳答案 require'nokogiri'doc=Nokogiri::HTML('')您可以通过xpath删除所有属性:doc.xpath('//@*').remove或者，如果您需要做一些更复杂的事情，有时使用以下方法遍历所有元素会更容易:doc.traversedo|node|node.keys.eachdo|attribute|node.deleteattributeendend 关于ruby-Nokog

    7. ruby - 如何在 Rails 4 中使用表单对象之前的验证回调？ - 2

      我有一个服务模型/表及其注册表。在表单中，我几乎拥有服务的所有字段，但我想在验证服务对象之前自动设置其中一些值。示例:--服务Controller#创建Action:defcreate@service=Service.new@service_form=ServiceFormObject.new(@service)@service_form.validate(params[:service_form_object])and@service_form.saverespond_with(@service_form,location:admin_services_path)end在验证@ser

    8. ruby - Ruby 有 `Pair` 数据类型吗？ - 2

      有时我需要处理键/值数据。我不喜欢使用数组，因为它们在大小上没有限制(很容易不小心添加超过2个项目，而且您最终需要稍后验证大小)。此外，0和1的索引变成了魔数(MagicNumber)，并且在传达含义方面做得很差(“当我说0时，我的意思是head...”)。散列也不合适，因为可能会不小心添加额外的条目。我写了下面的类来解决这个问题:classPairattr_accessor:head,:taildefinitialize(h,t)@head,@tail=h,tendend它工作得很好并且解决了问题，但我很想知道:Ruby标准库是否已经带有这样一个类？ 最佳

    9. ruby - 获取模块中定义的所有常量的值 - 2

      我想获取模块中定义的所有常量的值:moduleLettersA='apple'.freezeB='boy'.freezeendconstants给了我常量的名字:Letters.constants(false)#=>[:A,:B]如何获取它们的值的数组，即["apple","boy"]？ 最佳答案 为了做到这一点，请使用mapLetters.constants(false).map&Letters.method(:const_get)这将返回["a","b"]第二种方式:Letters.constants(false).map{|c

    10. ruby-on-rails - 我更新了 ruby​​ gems，现在到处都收到解析树错误和弃用警告! - 2

      简而言之错误:NOTE:Gem::SourceIndex#add_specisdeprecated,useSpecification.add_spec.Itwillberemovedonorafter2011-11-01.Gem::SourceIndex#add_speccalledfrom/opt/local/lib/ruby/site_ruby/1.8/rubygems/source_index.rb:91./opt/local/lib/ruby/gems/1.8/gems/rails-2.3.8/lib/rails/gem_dependency.rb:275:in`==':und

    随机推荐