一：AJAX是什么
AJAX是异步的 JavaScript 和 XML，ajax不是新的编程语言，ajax是与服务器交换数据并更新部分网页的艺术（异步请求 局部刷新）AJAX的原则是按需取数据
二：为什么要用AJAX（即AJAX的优点）
1：局部刷新 不阻塞 用户体验好
2：异步请求：与服务器异步通信 响应迅速
3：减轻服务器的压力：把服务器的负担转嫁给客户端 利用客户端的闲置能力处理 节约宽带
4：被广泛支持 不需要下载插件
三：AJAX的工作原理
首先要明白AJAX的核心是XMLHttpRequest对象 通过这个对象向服务器发送异步请求,从服务器获得请求数据，通过js对DOM进行操作从而更新页面
四：原生AJAX的步骤
1：创建XMLHttpRequest对象
var request=null
if(window.XMLHttpRequest){
request=new XMLHttpRequest() //主流浏览器
}else(){
request=new ActiveXObject("Microsoft.XMLHTTP") //兼容ie5 ie6
}
2:与服务器建立连接
request.open("url","get/post","true/false") //true异步 false同步 默认true
3：发送请求
request.send()
4:获取数据响应
request.onreadystatechange=funcion(){}
五：XMLHttpRequest属性
reaponseText: 返回数据的字符串形式
onreadystatechange : 每次状态改变触发的事件
status: 服务器返回的状态码
readyState: 对象就绪码（0：请求初始化 1:服务器建立 2:请求接受 3: 请求处理 4:请求完成 响应就绪）
六：封装好的AJAX及其参数用法
$.ajax({
url: 发送请求的地址
cache:true/false (默认为true false时不缓存此页面)，
data:"字符串 发送到服务器的请求数据 get请求中跟在url后面"，
dataType:"数据类型 html/xml/json/jsonp",
error:请求失败调用函数，
success:请求成功函数
timeout: 多长时间以后请求
async:默认true 异步请求
beforeSend():发送请求前执行
})
七：AJAX缺点：
1：ajax不支持浏览器back按钮
2：对搜索引擎支持比较弱
3：破环程序异常机制 （捕获异常 tyr() catch() finally()）
4:不易调试
八：传统web与AJAX请求区别
1:请求，响应方式不同：AJAX异步
2：数据处理:传统web刷新整个页面 AJAX只刷新需要的数据
网友评论