用AJAX优化DVBBS 8.0首页调用

原创 于 2007-12-14 15:48:00 发布 · 721 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #优化 #xmlhttprequest #function #output #div

本文介绍了一种使用AJAX异步调用优化动网首页加载速度的方法。通过修改Dv_News.asp文件、创建ajax.js及ajax_get.js文件，并调整首页调用方式，显著提升了首页的加载效率。

动网的首页调用是方便，但如果调用过多的话首页加载会很慢，所以考虑使用AJAX异步调用来优化下

我的详细做法如下：

1、找到Dv_News.asp中的

Sub  OutPut(Strings)
  Response.Write  " document.write(' "
  Response.Write Strings
  Response.Write  " '); "
  Response.Write vbNewline
 End Sub

将它改为

Sub  OutPut(Strings)
 Response.Charset = " gb2312 "
 Response.Write Strings
 End Sub

并另存为Dv_News1.asp

2、创建一个ajax.js文件，内容如下：

var  spinner  =   " <img src='/images/spinner.gif' alt='正在加载' /> " ; 

 // /
// / Return a XMLHTTPRequest in a browser independent fashion.
// /
function  GetXMLHttp()
 {
    var xmlhttp=false;
    
    try 
    {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } 
    catch (e) 
    {
        try 
        {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (E)
        {
            xmlhttp = false;
        }
    } 

    // Mozilla then?
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
       xmlhttp = new XMLHttpRequest();
    }
    
    return xmlhttp;
}  

3、将

< script  type ="text/javascript"  src ="js/ajax.js" ></ script >

标签添加到首页<head></head>处

4、将原来的首页调用

< script  src ="Dv_News.asp?GetName=defnewpic" ></ script >

替换为

< div  id ="indexs_defnewpic" ></ div >

（注意它们的ID）

5、创建ajax_get.js文件内容如下：

function  getSEIndex(se)
 {
    var xmlhttp = GetXMLHttp();
    var div = document.getElementById("indexs_" + se); 

    div.innerHTML = spinner + "正在加载信息..."; 

    xmlhttp.open("GET", "/Dv_News1.asp?GetName=" + se, true);
    xmlhttp.onreadystatechange=function() 
    {
        if (xmlhttp.readyState==4)
        {
            div.innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.send(null)
}  

 function  NewsShow()
 {
 getSEIndex('defnewpic');
 //按需要继续添加
}  

NewsShow(); 

另：如果你需要每隔一段时间更新一个首页可以在末尾添加上这一句

setInterval( " NewsShow() " , 60000 ); 

6、将

< script  type ="text/javascript"  src ="js/ajax_get.js" ></ script >

标签添加到首页</body>标签的前面

这样优化就弄好了，优化成果请参考：http://www.redguan.com/

相关讨论请移步到：http://bbs.lishewen.com.cn/showforum-14.aspx

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值