ajax

AJAXL：
1. 异步JavaScript和xml，创建交互式网页的网页技术。是独立于web服务器端的浏览器技术
通过客户端和服务器做数据的交换，AJAX可以实现异步的刷新，局部的刷新，意味着在刷新整个页面的情况下，可以动态更新局部的内容

传统网页，如果要更新内容必须要刷新整个网页

同步：用户请求–>服务器处理–>响应。页面上在这个期间不能做任何其他事，必须等当前这个请求响应完成后才能操作其他模块

异步：用户请求—>服务器处理(浏览器可以处理其他业务)–>响应

xmlhttp：是微软提出的一个技术，开发中自带http、xml访问服务器，通过这个对象获取到服务器响应数据，通过javascript将数据显示出来

微软跟标准的DOM浏览器有差别

//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){

    }
}