会员登陆
登录加载中...
超级搜索
栏  目  
类  别  
关键词  
 站内搜索   网络搜索
  
 当前位置:文章首页>>网页编程>>AJAX实例>>ASP+AJAX打造无刷新新闻评论系统
推荐给你的朋友阅读:

ASP+AJAX打造无刷新新闻评论系统

来源:互联网 发表日期: 2007-07-28 20:37:35

    不知上过ChinaRen校友录的朋友们有没有注意,ChinaRen在改版后很多方面都进行了较大的改动。例如留言与回复方面已经不再像以前那样,在每次提交后总得重新加载一下整个页面,碰到网速超慢时,只能干瞪着眼睛等待。那么现在这种炫丽的效果又是如何做到的呢,如果你觉得有兴趣,那就跟着我一起往下看吧!

    了解Ajax的朋友也许知道其实这种炫丽效果的实现并不是一件很为难的事,当然如果你不了解何为Ajax那也没有关系,本节我们就通过打造一个新闻评论系统,来看看到底什么是Ajax,首先我们还是先了解一些基础东西。

    什么是Ajax?

    Ajax提出者Jesse James Garrett在《Ajax:一个Web应用的新途径》中提到Ajax为“Asynchronous JavaScript + XML”的简称,也就是异步的JavaScript和XML处理。其包含:

    用XHTML和CSS进行基于标准的表示方式:
    采用DOM(document object model)动态显示和交互操作;
    采用XML和XSLT进行数据交换和操作;
    采用XMLHttpRequest进行异步数据获取;
    采用JavaScript绑定上述技术应用;
    Ajax与传统Web应用有什么不同?

    Ajax与传统Web应用最大的不同就是Ajax可以对页面某一个区域进行局部加载,而不是像传统Web中每次页面请求后的都必须重新加载整个页面,特别在页面负载比较大的情况下,页面加载时间就比较长,用户多数时间就处在等待状态,而呈现给用户的仅仅是一片空白,而在Ajax的应用中就可以很好的避免这类事情的发生。

    Ajax的工作原理是什么?

    Ajax主要是通过JavaScript对象中的XmlHttpRequest向服务器提出请求,并根据处理的结果更新页面。这样的更新不会使整个页面全部更新,而是根据用户的需要对某个区域进行局部更新,而且在更新的同时不影响其它区域的浏览。例如:搜狐个人博客中每个栏目后面的刷新按钮。

    什么是XmlDom?

    XMLDOM是用来访问和操作XML文档的编程接口规范。XMLDOM被设计为可用于任何语言和任何操作系统。借助DOM,程序员可以创建XML文档、遍历其结构,增、改、删其元素。DOM将整个XML文档视作一棵树,文档级的元素是树的根。

    下面我们就来看看几个与本教程相关的功能,值得注意的是以下方法或属性并不是同一个对象下,具体请看说明:

    getElementsByTagName 方法

    说明:传回指定名称的元素集合。

    语法:objNodeList = xmlDocument.getElementsByTagName(tagname);

    例:var node=xmlDom.responseXML.getElementsByTagName("pl");

    getAttribute()方法

    说明:获得某个元素节点的属性值

    语法:elementNode.getAttribute(name)

    例:var tot=xmlDom.responseXML.getElementsByTagName("pl")[0].getAttribute("tot");

    childNodes 属性

    说明:传回一个节点列表,包含该节点所有可用的子节点。

    语法:objNodeList=node.childNodes;

    例:objNodeList = xmlDoc.childNodes;

    如需具体的某一个节点, var u= xmlDoc.childNodes(0);

    Length属性 ()

    说明:返回一个节点列表中的节点数量

    语法:nodelistObject.length

    例:var len=node.length;

    至此,基础知识已经讲完了,如果你还是不太了解的话,那建议你去看一些javascript相关的教程。下面我们就看这个新闻评论系统的具体实现原理

1 2 下一页

2
3
[作者:匿名 关键词:ASP,AJAX,无刷新 录入:raincity 责编:raincity 阅读次数:39873]

相关文章 相关新闻 相关软件 相关教程 公共评论 发表评论

  • ·暂无相关内容
    评论载入中...
    您的称呼  验 证 码   
    您的评论 [ 最多字数:  已用字数:剩余字数:]

     
COPYRIGHT 2003-2010 创意飞腾科技有限公司(The Feitec LTD.) ALL RIGHTS RESERVED .
官方咨询官方咨询4376161 官方咨询526743959 技术支持:FeitecCMS5366464
页面加载时间:156.25ms Powered By:FeitecCMS V4.0(Build1101)
[蜀ICP备05000881]