发表于: 2019-09-27 23:20:14

1 819


今天完成的事情:


今天完成完了任务五,写了任务五的源生写法和jquery写法,这个任务的难度不大,就是用ajax发一条post请求而已,但是关键就在于知识盲点太多,如果你不去网上查找教程,看别人怎么写的,自己根本写不出来,因为写这个发送请求,他所用到的方法,和格式,都是有规范和顺序的:


function loadXMLDoc() {
document.getElementById('hint').innerText = '';
   var lyb = document.getElementById('lyb').value;
   var cmm = document.getElementById('cmm').value;
   var xhr = new XMLHttpRequest();
   if ((lyb === null || lyb === '') || (cmm === null || cmm === '')) {
document.getElementById('hint').innerText = '请输入用户名或密码';
   } else {
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
var data = JSON.parse(xhr.responseText);
                   console.log(xhr);
                   if (data.code === -5003){
document.getElementById('hint').innerText=data.message;
                   } else if (data.code === -5004){
document.getElementById('hint').innerText=data.message;
                   } else {
console.log(data.code)
}
console.log('name='+lyb+'&'+'&pwd='+cmm)
}
}
}
}
xhr.open("POST", "/carrots-admin-ajax/a/login", true);
   xhr.setRequestHeader("Content-type",
       "application/x-www-form-urlencoded");
   xhr.send('name='+lyb+'&'+'&pwd='+cmm)
}


下面这个是jquery的写法:


$(function(){
$("#btn").click(function(){
$('#hint').text('');
       var lyb = $("input[name='username']").val();
       var cmm = $("input[name='email']").val();
       if ((lyb === null || lyb ==='')||(cmm === null || cmm === '')){
// alert('请输入用户名或密码');
           $('#hint').text('请输入用户名和密码')
}else {
$.ajax({
type:'Post',
               url:'carrots-admin-ajax/a/login',
               contentType: 'application/x-www-form-urlencoded',
               data:{
name:lyb,
                   pwd:cmm,
               },
               success:function (data) {
console.log(data.message);
                   var json=JSON.parse(data);
                   console.log(json);
                   console.log(json.code);
                   if (json.code === -5003){
$('#hint').text(json.message)
}else if (json.code === -5004){
$('#hint').text(json.message)
} else {
console.log(json.code)
}
}
});
       }
});
});


明天计划的事情:


明天计划把以前堆积的任务提交了,然后开始准备写任务六 。


收获:


这个任务五差不多用了一星期,这个还是比较慢的,关键就在于以前在一个问题上面卡的时间太长了,一卡就是一两天,用的时间太多了,以后不能再这个样子了,也没时间让我再这么搞了,学习还是要去寻找正确的方式,明天继续努力。


返回列表 返回列表
评论

    分享到