Ajax初体验

来源:互联网 发布:js 字符串split 编辑:程序博客网 时间:2024/05/21 17:56
DHTML:JavaScript,CSS,DOM:即动态HTML。
DHTML可以用来创建交互性很强的页面,致命弱点:无法与服务器通信,无法异步发送请求。
Ajax技术称为Web2.0技术(Web2.0技术还包含其它的一些技术)

开发传统的JSP聊天室
JSP聊天室需要实现的功能:1,对用户的管理:包括用户登录,用户注册等
     2.管理用户的聊天信息,系统需要保存用户最近的聊天信息
JSP聊天室的业务逻辑包括三点:
用户注册 用户登录 用户聊天
JSP聊天室的问题:
JSP页面无法异步发送请求,用户请求与服务器应严格交替。
服务器的响应总是完整JSP页面,大量下载重复资源

一般而言:使用XMLRequestHeade发送请求步骤: 
1,使用OPEN方法连接服务器URL
2,调用setRequestHeader方法为请求设置合适的请求头,根据不同的请求,可能需要设置不同的请求头
3,指定调回函数,当XmlHttpRequest的状态发生改变时,该回调函数将被触发而 自动执行
4,调用send方法发送请求

传统Web应用发送请求的两种形式:
1,在浏览器的地址栏输入请求资源后按回车发送GET请求
2,提交表单发送POST或GET请求 ,具体发送何种请求取决于表单元素的method属性

Ajax技术Servlet有两个选择:
直接生成简单的响应数据:Servlet直接通过response获取页面输出流,通过输出流生成字符响应。
转向一个简单的JSP页面,使用JSP页面生成简单的响应。

传统Web编程和Ajax编程的区别有三点:
客户端发送请求的方式不同
服务器生成的响应不同
客户端加载的响应不同

Ajax应用编程重点和难点:
JavaScript编程:分成两部分:发送请求和处理响应。
使用DOM操作加载响应数据,这是Ajax编程的难点。

传统Web应用与Ajax应用的对比:
用户体验方面
响应速度
应用架构
开发的代码量
服务器的负担
0 0
原创粉丝点击