1、什么是ajax
异步的JavaScript 和XML
xml:可扩展的标记语言 数据的传输和存储
json:数据的传输和存储 轻量级的数据交换格式
2、ajax的作用
1、提高了运行的效率
2、提高用户体验
3、无刷新动态加载数据
3、应用的场景
1、表单验证
2、无刷新动态加载数据
3、懒加载
4、ajax的请求流程
ajax
1、创建xml
2、xml.open()
3、xml.send()
4、监听ajax的状态和服务器的状态
0-未初始化,尚未调用open()方法
1-启动,调用open()方法,未调用send()的方法
2-发送,已经调用send()方法,未接受到响应
3-接受,已经接受到部分响应数据
4、完成,已经接受到全部响应数据
1、当创建xml对象的时候是 0
2、打开或者发送的时候状态是1
3、监听的时候状态是 2 3 4
xml.status:服务器状态
100:客户端必须发送请求
200:成功
300:重定向
500:服务器错误
404:客户端错误
var xml = new XMLHttpRequest() || new ActiveXObject("Microsoft,XMLHTTP");
参数1:请求的方式
参数2:请求的地址
参数3:是否异步 默认true 异步
xml.open("get","http://localhost/ajax/login.php?name="+encodeURI("赵亚华"),true);//第三个参数 true异步 false同步
xml.send();发送
监听ajax状态:xml.readyState:0 1 2 3 4
和服务器的状态:xml.status 200成功
xml.onreadystatechange = function(){
if(xml.readyState == 4 && xml.status == 200){
document.write(xml.responseText)
}
}