qq_41809947
山林小树
采纳率45%
2019-06-03 21:13

如果利用vue处理json串

html前端表单提交到某接口后(javaweb的接口),返回了字符串

{"Login":true}

请问如果利用vue处理该返回结果,实现成功登录的页面跳转?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • qq_36022290 zhenyu-s5 2年前

    首先在你的ajax回调函数中判断Login,根据规定好的内容提示不同信息,然后在验证成功后
    进入其他页面this.$router.push('/index');注意this的指向。

    this.$axios.post(`${this.sIP}/users`, this.loginForm).then((res) => {
                  //console.log(res.data)
                  if (res.data == '用户不存在' || res.data == '密码错误' || res.data == 'err') {
                    this.$message.error({
                      duration: 500,
                      showClose: true,
                      message: res.data,
                      type: 'error'
                    })
                  }  else {
                    this.userToken = res.data.token;
                    //存储token
                    localStorage.setItem("token", res.data.token);
                    //解析token
                    let users = jwtDecode(res.data.token);
                    this.$store.dispatch('setisAuthenicated', !this.isEmpty(users));
                    this.$store.dispatch('setUsers', users);
                    //console.log(users)
                    this.$message({
                      showClose: true,
                      message: '登录成功',
                      type: 'success'
                    });
                    this.$router.push('/index');
                  }
                })
    
    点赞 评论 复制链接分享
  • caozhy 从今以后生命中的每一秒都属于我爱的人 2年前

    假如你用的jquery
    success: function(data) {
    if (data.Login == true)
    window.location.href = 地址;
    };
    ...

    点赞 评论 复制链接分享

相关推荐