就像java一开始并没有被人关注一样,有好多计算机技术也并不是一帆风顺的,所以说技术本身并不能主导潮流,但是潮流能引导技术。
在.web2.0,ajax渐渐盛行的时候,让我们来了解一下这些技术。
Ajax并不是一个全新的技术,他的组成部分的javascript,css,xmlrequest,都已经是我们熟知的来面孔了。那么这些来技术的组合,给我们带来了什么?
在瘦客户端的模型下,所有客户端的请求都交给了服务器端处理,客户端只是接受服务器端响应并显示内容,任何客户端的后续动作,也都是要提交到服务器端处理。
优点:1.客户端只显示内容和提交请求,不需安装任何软件,扩展了应用范围。
缺点:1.客户端所有请求都交给服务器端处理,服务器端要响应所有请求,数据交换量大。
2.客户端所有请求都要等待服务器有响应后,才能采取后续动作。
Ajax的出现,其实就是给我们带来了胖客户端的感受,只不过这个胖客户端也不需要安装任何软件,javascript完全可以承担这个工作。
在ajax模式下,javascript帮助在客户端处理一些逻辑,并且利用xmlrequest的异步请求模式,减少了客户端和服务器端的数据交换量。
优点:
1.不需安装客户端软件。
2.javascript帮助处理了一部分逻辑,不需要到服务器端交互,提高了响应速度。
3.xmlrequest的异步模式,使得可以按需给服务器发送请求,减少了数据交换量。
下面我想说一下ajax框架下javascript的使用,当然我们可以直接自己写代码做所有工作,但是最好的办法是使用一些现成的javascript组件,这样做可以提高不少开发效率,而且现在这样的组件很多,我们没必要再去从底层开发了。
Domapi就是一个基于javascript的项目,他包括了好多桌面元素组件,比如目录树,日期选择框等;他还包括了ajax,json,elm这些组件,使得我们可以轻松的使用这些技术。
下面是使用domapi实现ajax的简单步骤:
1.注册ajax组件:
domapi.loadunit(“ajax”);
2.注册监听事件:(选写)
domapi.reghook(“onloaded”,loadedFunc);
第一个参数是内置的监听事件,比如onloaded,onloading等,第二个参数是用来处理这个参数的函数,需要自己编写。
3.xmlrequest请求函数:
sendRequest(){
domapi.ajax.request{
url:url;
onsuccesed:handlRequest;
}
}
url是要发送的地址,handlRequest是成功请求后要调用的函数
4.处理请求后返回的数据:
handleRequest(reg){
var obj=domapi.stringtojson(reg.responseTest);
}
这个的意思是把返回的json字符串转换成json对象,当然要视回传的内容而定,如果回传的是xml格式,就需要处理xml的函数了。
总起来说,domapi包含了很多组件,肯定会给你带来惊喜。网站地址:http://www.domapi.com
网站上的教程和例子可以帮助我们轻松掌握这些组件。
domapi可以免费下载,但是免费版的代码是混肴过的。如果肯花钱注册的话,就可以拿到正常版的代码。
如果只是应用的目的,不对domapi做二次开发,没必要非要拿到代码不可,我这样认为。