每次运行此登录页面时都会刷新,而不是移至主页

编程入门 行业动态 更新时间:2024-10-05 05:25:02

每次运行此登录页面时<a href=https://www.elefans.com/category/jswz/34/1757229.html style=都会刷新,而不是移至主页"/>

每次运行此登录页面时都会刷新,而不是移至主页

这是代码的前端,在这里我尝试使用电子邮件和密码进入基本的登录页面

 onSubmit=(event)=>{
        console.log(this.state);
        fetch('http://localhost:3000/Signin',{
            method:'post',
            // headers:{'Content-Type': 'application/json'},
            "Content-type": "application/json; charset=UTF-8",
            body:JSON.stringify({
                email:this.state.signInEmail,
                password:this.state.signInPassword
            })
        }).then(response=>response.json())
          .then(data=>{
            if(data==='successs'){
                this.props.onRouteChange('home');
                console.log('done');
            }else{
                console.log('something went wrong');
            }
          });
          //this.props.onRouteChange('home');

        }

发布请求的后端

app.post('/Signin', (req, res)=>{
    if(req.body.email===database.users[0].email
        &&req.body.password===database.users[0].password)
    {
        console.log(req.body);
        res.json('successs');
    }else{
        res.json('failed');
    }
})

[每次我输入ID和密码时,它都会移动到主页一秒钟,然后返回登录和事件,尽管它是一个发帖请求,但我仍会像在获取请求的情况下一样显示电子邮件和密码

回答如下:

我认为您在提交功能中缺少preventDefault()

仅在获取调用之前,添加event.preventDefault()

更多推荐

每次运行此登录页面时都会刷新,而不是移至主页

本文发布于:2024-05-07 05:53:04,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1754622.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:都会   移至   而不是   页面   主页

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!