解决的问题
在不刷新网页的情况下取更新数据
核心
if(window.ActiveXObject){
ajax=new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
ajax=new XMLHttpRequest();
}
用法
创建
Var ajax=new XMLHttpRequest();
打开
同步
ajax.open("get","xxx.php",false);
//服务器地址
//是否异步
ajax.open("post",xxx.php.false)
ajax.setRequestHeader("Content-Type","application/x-www-from-urlencoded");
异步
ajax.open("get","xx.php",true)
ajax.open("post",xxx.php,true)
ajax.setRequestHeader("Content-Type","application/x-www-form-unlencoded");
发送后状态值
- 0 对象已建立,还未初始化,未调用send
- 1 open已调用,未调用send
- 2 send已调用,其它未知
- 3 请求已发送,正在接受数据
- 4 表示数据已经收到。
监听
ajax.onreadystatechange=function(){
console.log(ajax.responseText)
}
发送
ajax.send(null)
//发送后返回四种参数
//作为响应的主体返回的文本
responseText
respinseXML
//200成功
//202请求接受,处理未完成
//400语法错误
//404找不到指定url
//500内部服务器错误
status
//跨浏览器的可能不太一致
statusText