[郑州|结业弟子]JS-张雄|2020年01月22日的日报-技能树.IT修真院

发表于： 2020-01-22 22:06:12

0 1318

今天完成的事

1，向任务提供的接口发送请求：（但是没有成功）

html：

js：

//原生
var elem1 = document.getElementsByClassName("user-name")[0];
var elem2 = document.getElementsByClassName("pwd")[0];
var elem3 = document.getElementsByClassName("form-message")[0];
var elem4 = document.getElementById("submit");
function login() {
    var value1 = elem1.value;
    var value2 = elem2.value;
    var data = {
        'name': value1,
        'pwd': value2
    };
    var str = JSON.stringify(data);
    console.log("011");
    var xhr = new XMLHttpRequest();
    if (value1 == null || value2 == null) {
        elem3.innerHTML = "输入不能为空";
        return;
    }else if (value1 != "admin" && value2 != "123456") {
        elem3.innerHTML = "输入错误，请重新输入";
        return;
    }else {
        //创建XMLHttpRequest实例对象
        
        console.log("011");
        
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4) {
                if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
                    // alert(xhr.responseText);
                    
                } else {
                    alert("请求失败" + xhr.status);
                }
            }
        }
           
        
    }
    xhr.open("POST", "/carrots-admin-ajax/a/login", true);  //true代表异步  false代表同步
    console.log("111");
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.setRequestHeader("Accept", "application/json,text/plain,*/*");
    xhr.send("name="+value1+"&pwd="+value2); 
    console.log("211");
    
}