原生JS实现AJAX

原生JavaScript实现的AJAX(创建 XMLHttpRequest对象)

var i1Ele = document.getElementById("i1");
            i1Ele.onblur = function () {
                // 原生JS创建
                var xmlHttp = new XMLHttpRequest();
                // 设置往哪里提交
                xmlHttp.open("POST", "/index/", true);
                xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                // 取到用户填写的值
                var num = i1Ele.value;
                xmlHttp.send("num="+num);
                // 回调，当请求收到后端的响应之后
                xmlHttp.onreadystatechange = function () {
                    if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                        alert(xmlHttp.responseText);
                    }
                };
            };

 

转载于:https://www.cnblogs.com/Clara51/p/9952392.html