第十八篇:大作业

吐了呀,登陆界面写了一个星期了还没写完.

 赶紧的赶紧的

 

 

 

好家伙还是没写完

要问人了

 

<script type = "text/javascript">
new Vue({
  el: '#app',
  data () {
    return {
      info: null
    }
  },
  mounted () {
    axios
      .get('https://www.runoob.com/try/ajax/json_demo.json')
      .then(response => (this.info = response.data.sites))
      .catch(function (error) { // 请求失败处理
        console.log(error);
      });
  }
})
</script>

话说这两个的区别是什么

login() {
                const self = this;
                if (self.form.useremail != "" && self.form.userpwd != "") {
                    self.$axios({
                        method:'post',
                        url: 'http://127.0.0.1:10520/api/user/login',
                        data: {
                            email: self.form.useremail,
                            password: self.form.userpwd
                        }
                    })
                    .then( res => {
                        switch(res.data){
                            case 0: 
                                alert("登陆成功!");
                                break;
                            case -1:
                                this.emailError = true;
                                break;
                            case 1:
                                this.passwordError = true;
                                break;
                        }
                    })
                    .catch( err => {
                        console.log(err);
                    })
                } else{
                    alert("填写不能为空!");
                }
            },

一共四步:1.被点击 (按登陆按钮就好)

2.调用被点击的函数(定义了是login,就调用login函数)

3.函数发起登录请求(发post请求)

4.等待请求的响应报文 (写几个if)

拖太久了,明天真的要问问了.

 

posted @ 2021-09-23 23:31  养肥胖虎  阅读(45)  评论(0编辑  收藏  举报