[深圳|内门弟子]JS-鲁强|2021年08月26日的日报-技能树.IT修真院

发表于： 2021-08-26 23:29:12

0 1705

今天完成的事情：

今天开始写了页面

//1、创建创建Ajax对象var oAjax = new XMLHttpRequest();

//2、连接服务器（打开和服务器的连接）oAjax.open('GET', url, true);//HTTP方法、连接地址、同步或异步，true为异步

//3、发送数据oAjax.send();

//4、接收数据oAjax.onreadystatechange = function(){ // 通信成功时，状态值为4 if (oAjax.readyState === 4){ if (oAjax.status === 200){ console.log(oAjax.responseText); } else { console.error(oAjax.statusText); } }};

一共分为4个步骤，创建对象，连接服务器，发送数据，接收收据

//IE9+
var aValue = document.getElementsByTagName('input');
var oMsg = document.getElementById('msg');
var oBtn = document.getElementById('btn');
var timer = null;



oBtn.onclick = function(event) {
    event.preventDefault();
    var name = aValue[0].value;
    var pwd = aValue[1].value;
    var data = "name=" + name + "&pwd=" + pwd;
    var oAjax = new XMLHttpRequest();

    oAjax.onreadystatechange = function() {
        if (oAjax.readyState == 4 && oAjax.status == 200) {
            var resdata = JSON.parse(oAjax.responseText);
            console.log(name);
            console.log(pwd);
            console.log(resdata);
            if (resdata.code === 0) {
                window.location.href = "http://dev.admin.carrots.ptteng.com/";
            } else {
                clearInterval(timer);
                oMsg.innerHTML = resdata.message;
                timer = setTimeout(function() {
                    oMsg.innerHTML = '';
                }, 3000)
            }
        }
    }
    oAjax.open('POST', '/carrots-admin-ajax/a/login', true);
    oAjax.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
    oAjax.send(data);
}