Ajax初学

一.局部刷新

 1.创建异步对象：

var xmlHttp =new XMLHttpRequest();　

 2.绑定事件:

xmlHttp.onreadystatechange =function () {
    //处理服务端返回的数据，更新当前页面
    // alert("readyState属性值: "+xmlHttp.readyState)
    if (xmlHttp.readyState == 4 && xmlHttp.status ==200){
        //alert(xmlHttp.responseText);
        //更新dom对象
        var data =xmlHttp.responseText;
        document.getElementById("mydata").innerText =data;
    }
}

3.初始请求对象

//获取dom对象的value值
var name =document.getElementById("name").value;
var w = document.getElementById("w").value;
var h = document.getElementById("h").value;
//传参数，拼接字符串
var param="name="+name +"&w="+w+"&h="+h;
//alert("param="+param);
xmlHttp.open("get","bmiAjax?"+param,true)//get是访问方式，bmiAjax是访问地址

4.发送请求

xmlHttp.send();

**Ajax工作原理 参考:http://www.cnblogs.com/mingmingruyuedlut/archive/2011/10/18/2216553.html