php生成大量数据时，如何实现数据加载提示？

Question

php生成大量数据时，如何实现数据加载提示？如数据读取中，请稍后……当数据读完后，这行字就不显示，只显示结果页。

Answer 1

参考
http://topic.csdn.net/u/20090223/13/a5e67314-0ad8-4eb0-9853-19aa7dc0965d.html或者jquery 的ajaxStart ajaxStop

Answer 2

用div，先隐藏。在页面末尾再用js设置style.visibility="show"

Answer 3

就像csdn登陆时，会加载个loading效果……

Answer 4

ajax请求就可以了，发送请求的同时显示一个等待图片，等相应结束后再填充内容，加载上jquery就更简单了……

Answer 5

如果数据的加载是通过ajax 可以用load 得到 如果是php加载就用flush .. 毕竟php没加载完成js是执行不了

Answer 6

可以用AJAX来实现这个功能，最好是用JQUERY,思路很简单，点击加载数据时使用AJAX发送请求，这个时间隐藏数据区域，换成LOADING图片，当返回成功后再将数据执行DOM操作写入数据显示区域中即可。转自 http://www.ibm.com/developerworks/cn/xml/x-ajaxjquery.html使用 jQuery 将使 Ajax 变得及其简单。jQuery 提供有一些函数，可以使简单的工作变得更加简单，复杂的工作变得不再复杂。Ajax 最常见的用法就是把一块 HTML 代码加载到页面的某个区域中去。为此，只需简单地选择所需的元素，然后使用 load() 函数即可。下面是一个用于更新统计信息的示例：$(‘#stats’).load(‘stats.html’);通常，我们只需简单地把一些参数传递给服务器中的某个页面。正如您所预料的，使用 jQuery 实现这一操作非常地简单。您可以使用 $.post() 或者 $.get()，这由所需的方法决定。如果需要的话，您还可以传递一个可选的数据对象和回调函数。清单 4 显示了一个发送数据和使用回调的简单示例。清单 4. 使用 Ajax 向页面发送数据$.post(‘save.cgi’, {text: ‘my string’,number: 23}, function() {alert(‘Your data has been saved.’);});如果您确实需要编写一些复杂的 Ajax 脚本，那么需要用到 $.ajax() 函数。您可以指定 xml、script、html 或者 json，jQuery 将自动为回调函数准备合适的结果，这样您便可以立即使用该结果。还可以指定 beforeSend、error、success 或者 complete 回调函数，向用户提供更多有关 Ajax 体验的反馈。此外，还有一些其它的参数可供使用，您可以使用它们设置 Ajax 请求的超时，也可以设置页面 “最近一次修改” 的状态。清单 5 显示了一个使用一些我所提到的参数检索 XML 文档的示例。清单 5. $.ajax() 使 Ajax 由复杂变简单$.ajax({url: ‘document.xml’,type: ‘GET’,dataType: ‘xml’,timeout: 1000,error: function(){alert(‘Error loading XML document’);},success: function(xml){// do something with xml}});当 success 回调函数返回 XML 文档后，您可以使用 jQuery 检索这个 XML 文档，其方式与检索 HTML 文档是一样的。这样使得处理 XML 文档变得相当地容易，并且把内容和数据集成到了您的 Web 站点里面。清单 6 显示了 success 函数的一个扩展，它为 XML 中的每个 元素都添加了一个列表项到 Web 页面中。清单 6. 使用 jQuery 处理 XML 文档success: function(xml){$(xml).find(‘item’).each(function(){var item_text = $(this).text();$(‘ ‘).html(item_text).appendTo(‘ol’);});}

Answer 7

我用ob_end_flush();
echo str_pad(" ", 256); 
echo '<div id="loading">数据生成中，请稍后……，10000个数据需要6秒时间左右<br /></div>'; 
flush();最后
<script language=javascript>loading.style.display='none'</script>实现了这个效果，不过还是要谢谢大家的热情回答。

Answer 8

用AJAX+DIV实现 也就是进度条啦 JQuery首选

Answer 9

$(document).ready(function(){
   $("div").ajaxStart(function(){
  $(this).html("").show();
  }).ajaxStop(function(){
  $(this).html("").hide();
  });
})