【文件属性】:
文件名称:Ajax技术课件,保密资料下载
文件大小:3KB
文件格式:TXT
更新时间:2014-09-11 03:36:14
Ajax
AJAX asynchronouse javascript and xml
异步 javascript 和 xml
----------------------------------------------
B/S 发展历程------>
web1.0
特点: 网站的内容 --- 网站的拥有者提供
网站的使用者所做的操作非常的有限
www.sohu.com
www.sina.com
www.baidu.com
用户体验非常差
web2.0
网站绝大多数的内容----网站使用者提供
网站提供了有限的功能
blog
SNS ---> 开心|人人网
用户---> 用户的体验
1 JavaScript CSS DOM
2 能够让用户更快看到网站页面(优化)
AJAX asynchronouse javascript and xml
异步 javascript 和 xml
作用:增强用户的交互体验
同步操作 :在jsp/servlet中 发送了一个同步的request
这时用户必须等待响应.
特点:返回一个整张页面
异步操作 : 发送了一个异步的request
这时用户不用等待 ,可以进行后续的操作
特点: 返回一张页面的局部内容
异步刷新
ajax
1 异步请求对象 xhr
javascript对象 ---- 浏览器中 ---- 浏览器差异
window.XMLHttpRequest
window.ActiveXObject
Firefox
XMLHttpRequest
var xhr = new XMLHttpRequest();
IE
ActiveXObject
* var xhr = new ActiveXObject("Microsoft.XMLHTTP");
var xhr = new ActiveXObject("MSXML2.5.0.XMLHTTP");
var xhr = new ActiveXObject("MSXML2.4.0.XMLHTTP");
2 xhr相关的方法
建立连接
xhr.open("POST|GET",url);
传输数据
xhr.send();
input.onchange=function(){
alert("xxxx");
}
input.onclick
3 xhr相关属性
xhr.readyState
数字类型的属性,浏览器为这个属性赋值
0 xhr初始化
1 xhr发送请求
2 xhr|Servlet接受到请求
3 Servlet提供response的时候
4 response到达html页面时候
当上述值每发生一次变化 onreadystatechange函数 调用一次
xhr.onreadystatechange ---- 事件监听属性
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
xxxxx
}
}
xhr.status 返回结果的状态码
200 正常返回的状态码
404
500
---------------------------------------------
返回局部内容
xhr.responseText
xhr.responseXML
web3.0 ---> (flex)
flash--> flex
1 页面
onblur
1 dom获得文本值
2 Ajax xhr ---->>
<<---
3 DOM input后面写上内容
2 Servlet
1 接受数据
2 调用业务
3 返回 --- Out.println();
网友评论
- 被骗了,没什么帮助,标题写得好听