Ø AJAX的概述:
○ 异步的JavaScript And XML
§ 使用老的技术,用的是新的思想
Ø 同步和异步的区别
○ 同步是用户请求后前台空白页等待数据的响应
○ 异步是在用户请求后不影响用户体验,在请求的同时加载局部的内容
Ø AJAX的功能,完成页面的局部刷新,不中断用户的体验.
○ JS中的XMLHttpRequest对象可以向服务器发送请求, 传统的B/S结构的软件,所有实现功能都需要在服务器端编写代码(胖服务器),现在有了AJAX以后,可以将部分代码写到客户端浏览器(RIA:Rich Iinternet Application).FLEX:AS脚本编程
Ø Xml:使用 SML作为数据传递的格式:更为小巧的数据传递格式JSON:是键值对形式的小巧的数据数据传递格式
Ø XML HttpRequst:
○ 属性:
§ Onreadystatechange:当XMLHttpRequest状态改变的时候触发一个函数
□ readyState XML H…的一个状态
□
§ Status :获得乡音的状态码:200,404…
§ responseText:获得响应的文本数据
§ responseXML:获得响应的XML的数据
○ 方法:
§ Open(请求方式,请求路径,是否异步请求):异步向服务器发送请求.
§ Send(请求的参数):发送请求
§ setRequstHeader(头信息,头的值):处理post请求方式的中文问题
Ø 创建XMLHttpReuqest 对象
○ IE浏览器:XMLHttpRequest对象封装在一个ActiveXobject组件
○ FireFox:直接就可以创建XMLHttpRequst对象
function createXmlHttp(){
var xmlHttp;
try{ // Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e){
try{// Internet Explorer
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){}
}
}
return xmlHttp;
}
Ø AJAX编写的步骤:
□ 一:创建一个异步对象
□ 二:设置独享状态改变触发的一个函数
□ 三:设置请求的路径
□ 四:发送请求
|
|
收藏
淘帖
踩
