如何实现分步加载页面以解决网页打开等待问题

如何实现分步加载页面信息，以减少打开页面的等待时间。

20 个解决方案

#1

缓冲 ajax

#2

层．．
js函数加载缓冲：
function getWeatherXml()
{
｝
window.setTimeout(getWeatherXml, 1000);//单位毫秒

#3

我是想实现类似于CSDN加载页面的方式，一部分一部分加载。

#4

各位能说得详细些吗？谢谢！

#5

那不是特意做的，只要你把程序放到公网上就会有那种效果

#6

可是为什么有些网站打开的时候，半天才显示内容哦，像现在好BLOG也是，分步加载页面了呢

#7

table

#8

response.BufferOutput 这个属性你看下,可以控制是否服务器处理完整个页面再发送还是部分发送.

#9

好的，谢谢！

#10

tbody

#11

用ajax异步读取.

#12

可以使用 javascript + xmlhttp解决，初始化页面只装载结构，如先生成表格，每个表格的内容，使用异步传输与服务器连接并接受数据， 数据接受没有完成时，显示，叶面正在加载。。。，接受完成就显示。。

一句两句说不清楚，你上网搜xmlhttp 最基础的应用就是你的这个问题。

#13

这个贴子受教了。谢谢 楼上的讲解，希望楼下的哥们能贴出相关的连接资源

#14

学习

#15

var http_News = false;
function getNews(url)
{
http_News = false;
if (window.XMLHttpRequest)
{
http_News = new XMLHttpRequest();
if (http_News.overrideMimeType)
{
http_News.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject)
{
try
{
http_News = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
http_News = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
}
}
}
if ( !http_News )
{
alert('Cannot create an XMLHTTP instance!');
return false;
}
http_News.onreadystatechange = updateNews;
http_News.open('GET', url, true);
http_News.send(null);
}

function updateNews()
{
if ( http_News.readyState == 4 )
{
if ( http_News.status == 200 )
{
pNews.innerHTML = http_News.responseText;
}
else
{
alert('There was a problem with the request.' + http_News.status);
}
}
}

//getNews("Templates/popNews.asp");

#16

div 
do not use table

#17

上面就是一个异步调用的js脚本.
getNews("Templates/popNews.asp");
popNews.asp是实际产生数据的页面

#18

你只要在设计前台页面时注意下就可以了，总页面不要一个总的表格，而要分开，比如：

<table>
  <tr><td>你这里想怎么写就怎么写</td>
  </tr>
</table>

<table>
  <tr><td>你这里想怎么写就怎么写</td>
  </tr>
</table>

主要就是分表格实现，千万别一个表格包含整个页面所有表格，这样会很慢的哦
没事可以看看新浪的手页，正是楼主说的那种效果，好像也是这样实现的。

#19

谢谢大家参与！我再研究看看，有做过的朋友，继续发言！：）

#20

目前用多个<table></table>来实现.

结帖,顺祝各位国庆节快乐!

#21

• web页面加载等待页面