AJAXL:
1. 异步JavaScript和xml,创建交互式网页的网页技术。是独立于web服务器端的浏览器技术
通过客户端和服务器做数据的交换,AJAX可以实现异步的刷新,局部的刷新,意味着在刷新整个页面的情况下,可以动态更新局部的内容
传统网页,如果要更新内容必须要刷新整个网页
同步:用户请求–>服务器处理–>响应。页面上在这个期间不能做任何其他事,必须等当前这个请求响应完成后才能操作其他模块
异步:用户请求—>服务器处理(浏览器可以处理其他业务)–>响应
xmlhttp:是微软提出的一个技术,开发中自带http、xml访问服务器,通过这个对象获取到服务器响应数据,通过JavaScript将数据显示出来
微软跟标准的DOM浏览器有差别
- ActiveXObject:微软核心对象,主要针对ie,ie ,以后的版本都按照标准DOM进行编写
- XMLHttpRequest:DOM浏览器核心对象,XMLHttpRequest是xmlhttp的代理对象,在使用过程中,方法和属性保持一致,略小区别
//ajax分成三个步骤
//第一步,产生xmlhttp对象
var xmlhttp;
//判断兼容性问题
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpReqest();
}else{
xmlhttp = new AxtiveXobject("Microsoft.XMLHTTP");
}
//第二步,发送请求
var url = "地址";
//建立连接
xmlhttp.open("post提交/get提交","url","同步(false)/异步(true)")
//定义http传输头的信息
xmlhttp.setRequestHeader("Content-Type","application/x-www-form=urlencoded;charset=utf-8")
//发送请求,传参不能有空格
xmlhttp.send("username=小王&pwd=123");
//第三步,接收响应,监控状态码,状态码一旦改变就调用一次方法
xmlhttp.onreadystatechange = function(){
//如果状态码为200,代表请求成功。readyState代表对象的状态
if(xmlhttp.status == 200 && xmlhttp.readyState == 4){
}
}