AJAX简单总结

一：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只刷新需要的数据