学习Ajax第一篇(了解)

应网友要求,分享一下Ajax.我拖了好久,今天开始写一些.首先我必须说明这个不是一篇教程.只是希望能和大家分享一下简单的Ajax的实现.希望能够抛砖引玉.

什么是Ajax? 它是 Asynchronous JavaScript and XML的简写.中文意思是,异步JavaScript和XML.所以从这个含义的层面上讲他并不是一种新的技术,而是旧东西的组合.但是由于它开启了一个新的领域,它还是成了一种新技术.受到了大力的追捧.确实是这样,适当的使用Ajax可以使用户体验得到某些难以置信的增强.

使用Ajax你需要一些基本的JavaScript基础.我这里不再复述.实在不懂请Google之.

语义化(X)HTML和DOM.

就Ajax而言.由适当标记构成的文档通常会比其他非语义化的更加清晰,复杂性也更低.更具可控性.你的脚本在文档结构中导航遍历也将更加容易.所以在使用Ajax之前请梳理你的文档DOM.即:使用适当的标签并指定类名和ID.以利于Javascript的识别和操作.

创建XMLHttpRequest对象.

所有的Ajax请求都是基于XMLHttpRequest对象.但是不同的浏览器创建XMLHttpRequest对象的方式并不统一.微软的是用AcitveX组件来实例化一个对象:

var request = new ActiveXObject("Microsoft.XMLHTTP");

而其他的浏览器则是:

var request=new XMLHttpRequest();

值得说明的是,我们使用的库(或者说是框架)比如jQuery也是基于这个.只是它从新封装了.并可能包含了其他的一些方法(function).

XMLHttpRequest对象的方法:

它包括:open,setRequestHeader,send,getAllResponseHeader,getResponseHeader等.我将在后面做些介绍.

下一篇继续讨论.

声明:本站遵循署名-非商业性使用-相同方式共享3.0共享协议. 转载请注明转自 PhilNa ™