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