Javascript 不重新加载页面的登录表单验证

Javascript 不重新加载页面的登录表单验证,javascript,node.js,frontend,Javascript,Node.js,Frontend,我有一个登录表单,我想确认无需重新加载页面。我该怎么做?AJAX还是Express(NodeJS) 登录聊天室 登录: 密码: U应首先移除“表单”标签,并添加一个按钮,该按钮可激活“登录”等功能 我建议使用axios: 在函数“login”中写入: 在服务器端,您可以捕获如下请求 app.post("/loginpath", (req,res) => { res.send("ok") }) 您需要暂停“bodyparser”以从您的身体获取数据。 安装bod

我有一个登录表单,我想确认无需重新加载页面。我该怎么做?AJAX还是Express(NodeJS)


登录聊天室


登录:

密码:


U应首先移除“表单”标签,并添加一个按钮,该按钮可激活“登录”等功能

我建议使用axios:

在函数“login”中写入:

在服务器端,您可以捕获如下请求

    app.post("/loginpath", (req,res) => {
    res.send("ok")
    })
您需要暂停“bodyparser”以从您的身体获取数据。

安装bodyparser时,您可以使用req.body.name或req.body.password访问提交的数据

如果您希望客户端代码与服务器端代码通信而无需重新加载页面,那么,是的,AJAX是您正在寻找的技术。有各种各样的示例和教程可供您开始学习。好的。我试试阿贾克斯,谢谢。。我需要用数据库验证数据)是的,那肯定是后端。这有点宽泛,所以我建议添加一些服务器代码,是的,使用ajax向服务器发出带有表单数据的POST请求。服务器将根据数据库对其进行验证,并向前端发送响应。好的,它可以工作,但是res.send(“好”)不工作,哈哈。我不知道为什么。可能是因为我有一个vuejs模式窗口,在您发送响应之前,您设置了一个会话,以便用户登录。设置会话后,您可以像res.send({loggedIn:true})那样向他发送一个对象。然后你检查:如果(response==true)你把他重定向到你的仪表板或者其他什么,那就好了
    axios.post('/loginpath', {
    name: 'Fred',
     password:  'Flintstone'
     })
    .then(function (response) {
     if(response == "ok")
     { 
      window.location.replace("http://website.com/redirect);
     })
     .catch(function (error) {
       console.log(error);
        });
    app.post("/loginpath", (req,res) => {
    res.send("ok")
    })