发表于: 2019-02-17 22:15:44
1 573
今天完成的事情:
1.学习Ajax:AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。
2.发起ajax通信:
//创建XMLHttpRequest对象
let xhr = new XMLHttpRequest();
//向服务器发送请求
x.open("post", "/carrots-admin-ajax/a/login", true);
//使用post方法需要设置content-type
x.setRequestHeader("content-type", "application/x-www-form-urlencoded");
x.send("name=" + user + "&pwd=" + pass);
//触发 onreadystatechange 事件
x.onreadystatechange = function () {
// 通信成功时,状态值为4
if (x.readyState == 4 && x.status == 200) {
let data = JSON.parse(x.responseText);
console.log(data);
if (data.code == 0) {
location.assign("http://dev.admin.carrots.ptteng.com/");
} else {
document.querySelector("p").innerHTML = data.message;
}
}
3.使用Jquery发起ajax通信
$.ajax({
type:"post",
url:"/carrots-admin-ajax/a/login",
data:{name:user,pwd:pass},
success:function (data) {
console.log(data);
if(data.code===0){
location.assign("http://dev.admin.carrots.ptteng.com/");
}else {
$("p").text(data.message);
}
},
datatype:"json"
});
明天计划的事情:
学习任务五
遇到的问题:
收获:
了解ajax通信
评论