ajax的五大步骤

什么是Ajax?

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

 var btn = document.getElementsByTagName('button')[0];
    btn.onclick = function (ev1) {
        //1.创建一个异步对象

　　var xmlhttp;
　　if (window.XMLHttpRequest)
　　{// code for IE7+, Firefox, Chrome, Opera, Safari
    　　xmlhttp=new XMLHttpRequest();
　　}
　　else{// code for IE6, IE5
   　　 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
　　}

        //2.设置请求方式和请求地址

        /*
         method：请求的类型；GET 或 POST
         url：文件在服务器上的位置
         async：true（异步）或 false（同步）
         */

        xmlhttp.open("GET", "02_ajax_get.txt", true);
        //3.发送请求
        xmlhttp.send();
        //4.监听状态的变化
        xmlhttp.onreadystatechange = function (ev2) {
            /*
             0: 请求未初始化
             1: 服务器连接已建立
             2: 请求已接收
             3: 请求处理中
             4: 请求已完成，且响应已就绪
             */
            if(xmlhttp.readyState == 4) {
                //判断请求是否成功
                if((xmlhttp.status >= 200 && xmlhttp.status < 300) || xmlhttp.status == 304) {//服务器返回的状态码
                    //5.处理返回的结果
                    alert('请求成功！');
                    alert(xmlhttp.responseText);
                } else {
                    alert('请求失败！');
                }
            }
        }
    }

 本人正在学习和摸索中，如有错误，欢迎指正！