ajax 学习之基础
2007-10-01 20:51
232 查看
最近一个月忙于做项目。没时间来写博客。
。现在没那么忙了。我还是会坚持更新博客的。也是记录自己学习的历程吧。
这个项目,我和光启使用了大量的ajax技术。基本上现在ajax流行的使用方式都使用了遍。由于没有用ajax框架技术。所以效果不是很绚烂。但是效果基本上还是可以的。从分考虑了用户的体验。用户操作很方便。ajax确实可以给用户很好的体验感觉。局部刷行技术的使用。可以提供很多新体验给用户。
ajax技术并不是什么难点。难得是要使用得恰到好处。技术是死的。人是活动。如何使用关键看的是使用技术的人,如何使用,存乎一心。在这里我不想就ajax技术的好处夸夸其谈。我自己觉得好用就是了。而且我会坚持学习ajax的。我坚信ajax是潮流。而且会很快的流行起来。(现在的主流平台已经普遍的使用ajax技术,就是明证)。虽然ajax用了不少。但是还是缺少了理论知识。现在补习下ajax的基础知识。介绍建立ajax 的xmlHttpRequest的文章很多了。我这里不想重复。我这里就写点关于ajax的流程吧。
客户端调用XMLHTTP的过程很简单,只有5个步骤:
1、创建XMLHTTP对象
2、打开与服务端的连接,同时定义指令发送方式,服务网页(URL)和请求权限等。
客户端通过Open命令打开与服务端的服务网页的连接。与普通HTTP指令传送一样,可以用"GET"方法或"POST"方法指向服务端的服务网页。
3、发送指令。
4、等待并接收服务端返回的处理结果。
5、释放XMLHTTP对象
下面介绍下关于xmlrequest 请求流:
XMLHTTP方法
Open Method, Url, Async, User, Password
Method:数据传送方式,即GET或POST。(使用post和get 稍微有点不同,后面简单介绍下)
Url:服务网页的URL。(我们项目中使用的struts的动态aciton。发现发送ajax请求的时候很好用。还有个问题:使用mappingAction 的时候发送请求好像请求不到指定的action。那个大大可以详细的解释一下?感激不尽)
varAsync:是否同步执行。缺省为True,即同步执行,但只能在DOM中实施同步执行。应用中一般将其置为False,即异步执行。
User:用户名,可省略。
Password:用户口令,可省略。
Send Body
Body:指令集。可以是XML格式数据,也可以是字符串,流,或者一个无符号整数数组。也可以省略,让指令通过Open方法的URL参数代入。
setRequestHeader Header, Value
Header:HTTP 头(header)
Value:HTTP 头(header)的值
如果Open方法定义为POST,可以定义表单方式上传xmlhttp.setRequestHeader "Content-Type", "application/x-www-form-urlencoded"
XMLHTTP属性
onreadystatechange:在同步执行方式下获得返回结果的事件句柄。只能在DOM中调用。
responseBody:结果返回为无符号整数数组。
responseStream:结果返回为IStream流。
responseText :结果返回为字符串。
responseXML:结果返回为XML格式数据。
好了。就写到这里吧。。下次继续接着写。
。现在没那么忙了。我还是会坚持更新博客的。也是记录自己学习的历程吧。
这个项目,我和光启使用了大量的ajax技术。基本上现在ajax流行的使用方式都使用了遍。由于没有用ajax框架技术。所以效果不是很绚烂。但是效果基本上还是可以的。从分考虑了用户的体验。用户操作很方便。ajax确实可以给用户很好的体验感觉。局部刷行技术的使用。可以提供很多新体验给用户。
ajax技术并不是什么难点。难得是要使用得恰到好处。技术是死的。人是活动。如何使用关键看的是使用技术的人,如何使用,存乎一心。在这里我不想就ajax技术的好处夸夸其谈。我自己觉得好用就是了。而且我会坚持学习ajax的。我坚信ajax是潮流。而且会很快的流行起来。(现在的主流平台已经普遍的使用ajax技术,就是明证)。虽然ajax用了不少。但是还是缺少了理论知识。现在补习下ajax的基础知识。介绍建立ajax 的xmlHttpRequest的文章很多了。我这里不想重复。我这里就写点关于ajax的流程吧。
客户端调用XMLHTTP的过程很简单,只有5个步骤:
1、创建XMLHTTP对象
2、打开与服务端的连接,同时定义指令发送方式,服务网页(URL)和请求权限等。
客户端通过Open命令打开与服务端的服务网页的连接。与普通HTTP指令传送一样,可以用"GET"方法或"POST"方法指向服务端的服务网页。
3、发送指令。
4、等待并接收服务端返回的处理结果。
5、释放XMLHTTP对象
下面介绍下关于xmlrequest 请求流:
XMLHTTP方法
Open Method, Url, Async, User, Password
Method:数据传送方式,即GET或POST。(使用post和get 稍微有点不同,后面简单介绍下)
Url:服务网页的URL。(我们项目中使用的struts的动态aciton。发现发送ajax请求的时候很好用。还有个问题:使用mappingAction 的时候发送请求好像请求不到指定的action。那个大大可以详细的解释一下?感激不尽)
varAsync:是否同步执行。缺省为True,即同步执行,但只能在DOM中实施同步执行。应用中一般将其置为False,即异步执行。
User:用户名,可省略。
Password:用户口令,可省略。
Send Body
Body:指令集。可以是XML格式数据,也可以是字符串,流,或者一个无符号整数数组。也可以省略,让指令通过Open方法的URL参数代入。
setRequestHeader Header, Value
Header:HTTP 头(header)
Value:HTTP 头(header)的值
如果Open方法定义为POST,可以定义表单方式上传xmlhttp.setRequestHeader "Content-Type", "application/x-www-form-urlencoded"
XMLHTTP属性
onreadystatechange:在同步执行方式下获得返回结果的事件句柄。只能在DOM中调用。
responseBody:结果返回为无符号整数数组。
responseStream:结果返回为IStream流。
responseText :结果返回为字符串。
responseXML:结果返回为XML格式数据。
好了。就写到这里吧。。下次继续接着写。
相关文章推荐
- Ajax基础学习_4.9 提供自动完成
- 实例学习AJAX-基础1
- AJAX基础学习4之JSON
- Java基础知识(九)——Ajax的学习
- 实例学习AJAX-基础1
- java基础学习笔记(七) ajax
- salesforce 零基础学习(二十八)使用ajax方式实现联动
- Ajax - 基础教程第八章例子学习四
- Ajax基础学习(一)——学号验证
- AJAX基础知识点学习
- AJAX基础知识点学习
- AJAX技术基础__循序渐进学习 Ajax 的途径
- JS中ajax学习基础教程
- Ajax基础教程学习(1)_发送请求
- ajax基础使用学习
- 【Ajax 基础学习】
- jQuery、AJAX基础学习笔记
- salesforce零基础学习(八十六)Ajax Toolkit (VF页面中使用及javascript action使用)
- Ajax-基础学习