发表于: 2020-12-31 22:24:05
0 1047
今天完成的事情:
重新编写任务5代码
学习AJAX XHR和nginx的反向代理,正确访问服务器接口,获取输入框的值
var btn = document.getElementById('btn');
btn.onclick = function () {
var user = document.getElementById('user').value; //用户名
var pass = document.getElementById('pass').value; //密码
console.log(user);
console.log(pass);
var xhr = new XMLHttpRequest; //XMLHttpRequest 对象
xhr.open('post', '/carrots-admin-ajax/a/login', true); //使用open方法(post类型,地址,异步请求)
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //添加 HTTP 头
xhr.send("name=" + user + "&pwd=" + pass); //发送数据到服务器
xhr.onreadystatechange = function (data) { //监听事件
if (xhr.readyState == 4 //通信成功时,状态为4
&&
xhr.status == 200) { //服务器已成mlhttp.readyState == 4 //通信成功时功处理了请求
var data = xhr.responseText;
console.log("data字符串:", data);
data = JSON.parse(data);
if (data.code == 0) {
location.assign("http://dev.admin.carrots.ptteng.com/"); //跳转网页
} else {
document.getElementById("hide").innerHTML = data.message;
}
}
}
}
解决的问题:
了解了“什么是跨域”
评论