ajax的概念以及使用
1、什么是ajax
ajax是异步的JavaScript和xml
2、使用场景?
①局部刷新 ②表单验证 ③无刷新动态获取数据
3、优点
①效率高,用户体验好 ②无刷新动态获取数据
4、请求数据流程
①创建ajax对象
var xhr = new XMLHttpRequest()|| new ActiveXObject(“Microsoft,XMLHttp”);
后边的new ActiveObject 是用来兼容ie
②打开地址
xhr.open() 打开分为get和post两种方式
如果是get方式 xhr.open("get",url地址,布尔值) 此布尔值默认false(false是异步,true是同步)
如果是post方式, xhr.setRequestHeader()称为响应头,且必须设置 xhr.open("post",url地址,布尔值)
③发送请求到服务器
xhr.send() get send不传值 post send需要写值,请求的数据
④等待数据监听状态
xhr.onreadystateChange = function(){
if(xhr.readyState == 4&& xhr.status == 200){
xhr.reponseText;(获取数据)
}
}