不借助jquery封装好的ajax，你能用js手写ajax框架吗

不借助jquery封装好的ajax，你能手写ajax框架吗？最基础的ajax框架，一起来围观吧。

1、创建XMLHttpRequest对象

var xhr = new XMLHttpRequest();

2、设置open参数

xhr.open("GET", "Ajax.ashx?id=" + id, true);

//第一个参数可取值get或post;

第二个参数为请求的路径；

第三个参数为是否采用异步，使用ajax绝对是true的啦。

3、注册回调函数
xhr.onreadystatechange = function() {
     if (xhr.readyState == 4) {//注意此处的readyState的大小写，写错了，就没效果了哦

           if (xhr.status == 200) { ///判断服务器返回的状态码是否为200，如果不是，则可能服务器出现了不测
           var res = xhr.responseText;//接收返回的效果
           document.getElementById("showcontext").innerHTML = res; //将返回的结果赋值

            }
        }
}

4、发送
xhr.send(null);

 

PS:如果第2步的第一个参数为post的话，其后的路径就不带“？”的参数啦，在第二步之后加一句：

 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//设置请求报文头

第4步改为 xhr.send("txtName=ss&txtpwd=123");//参数名=参数值

 

ok，完成了。