文件名称：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();